javascript 开发多种类型的应用(Electron 跨平台开发)
Electron + Node.js + Javascript 做桌面应用
Ionic + JavaScript 做移动应用
Node.js + JavaScript 网站前后台
Javascript + Tessl 做硬件
Electron
Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScript,HTML 和CSS 构建跨平台的桌面应用程序。它是基于io.js 和 Chromium 开源项目,并用于在 Atom 编辑器中。Electron 是开源的,由 GitHub 维护,有一个活跃的社区。最重要的是,Electron 应用服务构建和运行在 Mac,Windows 和 Linux。
Developers bring ideas to life
Interesting open source apps are built on Electron.
- Friends — Peer to peer chat
- Hearthdash — Hearthstone tracker
- Kart — Frontend for RetroArch
- Mancy — REPL app
- Monu — Process monitoring app
- Mojibar — Emoji searcher
- Chronocube — Rubik's cube timer
- Explorer — Statistics the easy way
Table of Contents
- Apps
- Boilerplates
- Tools
- Components
- Documentation
- Articles
- Videos
- Podcasts
- Community
- Tips
Apps
Made with Electron.
Open Source
Featured
- WebTorrent - Streaming torrent client.
- Min - Minimal web browser.
- Mancy - JavaScript REPL.
- SpaceRadar - Interactive disk space and memory visualization.
- Nocturn - Twitter client.
- Mojibar - Emoji searcher in your menubar.
- Playback - Video player.
- Black Screen - Terminal emulator.
- Atom - Code editor.
- Visual Studio Code - Cross-platform IDE.
- N1 - Extensible email client.
- Brave - Privacy-focused web browser.
Other
- Git-it - Teaches you Git and GitHub.
- Caprine - Unofficial Facebook Messenger app.
- Simplenote - Note keeper.
- nuTorrent - BitTorrent client.
- Abricotine - Markdown editor with inline preview.
- Medis - Redis database management.
- Kakapo - Ambient sound mixer for relaxation or productivity.
- SmartMirror - Voice controlled smart mirror.
- Koko - IRC client.
- KeeWeb - Unofficial KeePass app.
- Soundcast - Cast OS X audio to Chromecast from your menubar.
- Gitify - GitHub notifications in your menubar.
- Friends - P2P chat.
- Cumulus - SoundCloud player in your menubar.
- Kitematic - Docker container management.
- FatFileFinder - Find large files on your machine.
- ScreenCat - Screen sharing & remote collaboration.
- Gulp - Run Gulp tasks from your menubar.
- Mapbox Studio - Map designer.
- LevelUI - LevelDB management.
- Kart - Front-end for RetroArch.
- Vmd - Preview Markdown files.
- Kyoku - Displays current iTunes song.
- GReader - Collect and read offline readme files of GitHub repos.
- Leanote - Cloud notepad.
- Snapper - Screen capturing & recording for Android devices.
- Imagemin - Minify images.
- We Build SG - Upcoming events & recently updated repos from webuild.sg.
- Piglet - Run Grunt tasks from your menubar.
- Yoda - Browse and download YouTube videos.
- Loop Drop - MIDI looper and synth for live electronic music performances.
- Fireball - Hackable game editor for creating mobile and HTML5 games.
- Toby - YouTube player.
- Kaku - Music player.
- Yeoman - Scaffold projects using Yeoman.
- Markn - Markdown viewer.
- Shiba - Live Markdown preview with linting.
- Yays - YouTube music player in your menubar.
- TimoFM - DoubanFM music player.
- Monu - Process monitoring.
- Tèsèvè - Static webserver.
- DevDogs - DevDocs.io API documentation.
- Trendy - Trending GitHub repos in your menubar.
- google-music-electron - Unofficial Google music app.
- Pomodoro - Timer based on the Pomodoro Technique.
- Sia-UI - Decentralized file storage system based on cryptocurrency technology.
- MarkRight - GitHub flavored Markdown editor with live preview.
- Mongotron - MongoDB management tool.
- Colonizers - "Catan" inspired board game.
- Eintopf - Manage development projects with Docker.
- WhatsDesktop - Unofficial WhatsApp app.
- Sqlectron - SQL client.
- docker-indicator - Unofficial Docker menubar app.
- Light Table - Code editor with instant feedback.
- Tubehead - YouTube music player in your menubar.
- Google Play Music Desktop Player - Unofficial Google Play Music app.
- Chrome DevTools - Chrome DevTools packaged as an app.
- Yeobara - Meetup check-in with beacon.
- Proton - Markdown editor with live preview.
- James - HTTP proxy to view and intercept browser requests.
- DTCP - Twitter client.
- Inbox - Unofficial Google Inbox app.
- alienbox - Reddit inbox & notifier in your menubar.
- tweet-rec - Tweet recording player.
- Snippet Bar - Copy-paste & re-use text snippets in your menubar.
- Electronic WeChat - Unofficial WeChat app.
- dida - Add tasks to TickTick (滴答清单) with a shortcut.
- FromScratch - Autosaving scratchpad.
- Hawkpass - Password generator.
- Gokotta - Music player.
- Shake - Japanese Earthquake Early Warning Notifier.
- Fog - Unofficial Overcast podcast app.
- Wmail - Unofficial Gmail & Google Inbox app.
- Boostnote - Markdown note app for developers.
- Before Dawn - Screensaver tool.
- Active Collab - Unofficial Active Collab app.
- Hain - Launcher for Windows.
- Catify - Utility for Spotify.
- Minira - JIRA issues in your menubar.
- Ansel - Image organizer.
- Cuttle - UI for the ClojureScript compiler.
- Sample apps - Sample apps to illustrate the usage of Electron APIs.
- Build Checker App - Check CI-server build statuses.
- Backer Timetracker - Tracks your time.
- Ghost - A professional publishing platform.
Closed Source
- GitKraken - Git client.
- 1Clipboard - Universal clipboard manager.
- Franz - Skype, Slack, Hangouts, WhatsApp, Grape, Telegram, FB Messenger, Hipchat in the same app.
- Postman - Create and send HTTP requests.
- Slack - Desktop version.
- Avocode - Share design and collaborate.
- Pixate - Mobile interaction designer.
- Prepros - Compile almost any preprocessing language with live browser refresh.
- Stremio - Media center.
- Typetalk - Share and discuss ideas with your team through instant messaging.
- Pingendo - Bootstrap prototyping.
- Spreaker Studio - Audio recording and broadcasting.
- MockingBot - Prototyping tool for designing apps.
- Wire - Messenger and calling app.
- Caret - Markdown editor.
- Wagon - SQL editor.
- SIV - Extensible image viewer.
- Sync - Team group messaging. (Japanese)
- Remember - Business card management. (Korean)
- Pubu - Real-time chat for team communication. (Chinese)
- BearyChat - Team messaging service. (Chinese)
- MongoDB Compass - Official MongoDB app.
Boilerplates
- electron-boilerplate (by sindresorhus) - Boilerplate to kickstart creating an app.
- generator-electron - Scaffold out an app boilerplate.
- electron-boilerplate (by szwacz) - Comprehensive boilerplate which even generates installers.
- electron-react-boilerplate - Boilerplate based on React and webpack.
- descjop - ClojureScript boilerplate for creating an app.
Tools
For Electron
- electron-prebuilt - Install prebuilt Electron binaries for command-line use using npm.
- electron-packager - Package and distribute your app.
- electron-builder - Create installers.
- electron-debug - Adds useful debug features.
- electron-is-dev - Check if Electron is running in development.
- electron-localshortcut - Add keyboard shortcuts locally to a window.
- electron-gh-release - Auto-update by releasing on GitHub.
- electron-release - Publish a new release of your app to GitHub.
- electron-updater - Auto-updater leveraging npm to deploy updates.
- fix-path - Fix the $PATH on OS X when run from a GUI app. Useful when spawning a child process.
- auto-launch - Launch apps at system startup.
- nuts - Releases server with auto-updater and GitHub as a backend.
- electron-dl - Simplified file downloads.
- electron-release-server - Self-hosted release server with front-end & auto-updater support.
- electron-rebuild - Rebuild native Node.js modules against the currently installed Electron version.
- electron-compile - Use ES2015, CoffeeScript, LESS, SCSS in your app without a precompilation step.
- electron-positioner - Position windows at common spots.
- electron-window-state - Save and restore window sizes and positions.
- electron-drag - Improved window dragging.
- debug-menu - Chrome-like "inspect element" context-menu.
- electron-installer-debian - Create a Debian package.
- electron-installer-redhat - Create a Red Hat package.
- electron-installer-windows - Create a Windows package.
- electron-sudo - Subprocesses with administrative privileges.
- electron-json-storage - Write and read user settings.
- electron-download - Download the Electron release zip from GitHub.
- ipc-stream - Duplex stream over IPC.
- is-electron-renderer - Check if your code is running in
main
orrenderer
. - electron-osx-sign - Code-signing for OS X apps.
- electron-detach - Restart an Electron app as a detached process.
- editor-framework - Easily create dockable IDE apps.
- ember-electron - Build, test, and package Ember apps.
- electrify - Package Meteor apps.
- spectron - Test Electron apps using ChromeDriver.
Using Electron
- devtool - Debug Node.js with Chrome DevTools.
- nativefier - Create an app of any website.
- electron-stream - Streaming wrapper.
- Nightmare - High-level browser automation library (alternative to PhantomJS).
- electron-pdf - Generate PDF from URL, HTML, or Markdown files on the command-line.
- Geojsonapp - Preview GeoJSON locally.
- electron-mocha - Run your Mocha tests in Electron.
- electron-har - Command-line tool for generating HTTP Archive (HAR).
Components
- Photon - UI toolkit for building beautiful apps.
- React PhotonKit - Photon components built with React.
- menubar - High-level way to create a menubar app.
- cookies - Adds support for
document.cookie
. - window - Easily create and manage windows.
- React Desktop - UI toolkit for OS X and Windows built with React.
- electron-input-menu - Context menu for input elements.
- chrome-tabs - Chrome like tabs.
- titlebar - Emulate the OS X window titlebar.
Documentation
- Quick Start
- Official docs
- Architecture overview
Articles
- Electron Fundamentals
- Building a desktop application with Electron
- Codesigning your app for OS X
- Auto-updating apps for Windows and OS X: The complete guide
Videos
- Creating Desktop Apps with Electron
- Packaging and Distributing Electron Desktop Apps
- Multi Window Electron Desktop Apps
- The State of Electron
- Cross-Platform Desktop Apps with Electron
- Building Native Desktop apps using Electron
Podcasts
- JavaScript Jabber: Electron with Jessica Lord and Amy Palamountain
Community
- Discuss
- StackOverflow
@electronjs
on Twitter#atom-shell
on Freenode#electron
on Atom Slack- electron-jp (Japanese)
- electron-br (Brazilian Portuguese)
- electron-kr (Korean)
Tips
Contribute some ;)
Contribute
- Light Table — Customizable IDE
- Playback — Experimental video player
- ScreenCat — WebRTC screensharing
- Geojsonapp — Preview geojson files
- Menubar — Create menubar apps
- Yeoman App — Scaffold projects
- Laverna — Write & organize Markdown
- Fastlane — Book Uber from your Mac
javascript 开发多种类型的应用(Electron 跨平台开发)相关推荐
- 【Xamarin开发 Android 系列 2】VS2015跨平台开发的几种方式
在微软Build大会上,微软宣布在VS2015中支持三种方式进行跨平台的开发. 1. Xamarin 2. Cordova 3. C++ Xamarin 官网 :http://xamarin.com ...
- App跨平台开发方案与抉择
内心强大才敢于承认错误,但是首先你要敢于去试错. 现在做客户端开发的公司都会面临一个巨大的问题,那么就是跨平台.对于目前上市面上的移动设备来说.Android.IOS.WindowsPhone.Bla ...
- Flutter 实现原理及在马蜂窝的跨平台开发实践
一直以来,跨平台开发都是困扰移动客户端开发的难题. 在马蜂窝旅游 App 很多业务场景里,我们尝试过一些主流的跨平台开发解决方案, 比如WebView 和 React Native,来提升开发效率和用 ...
- 为什么Flutter是跨平台开发的终极之选
作者 | Anchal Malik 译者 | 王强 来源 | 前端之巅 跨平台开发是当下最受欢迎.应用最广泛的框架之一.能实现跨平台开发的框架也五花八门,让人眼花缭乱. 最流行的跨平台框架有 Xama ...
- 推荐几款App跨平台开发工具
众所周知开发App比较复杂,不仅要懂多种编程语言还要考虑高额的成本.作为开发者需要找到一个既节省成本又能快速开发App的最佳解决方案.不少跨平台开发工具便应运而生,选择一款适合自己的工具尤为重要,下面 ...
- 你离真正的全栈开发人员只差学会 Electron
为什么用 JavaScript 来开发桌面应用 曾经的 JavaScript 脆弱.简陋.甚至有被边缘化的危险,不过 JavaScript 在经过了两次飞跃后(以 V8 为首的 JavaScript ...
- electron 应用开发优秀实践
vivo 互联网前端团队-Yang Kun 一.背景 在团队中,我们因业务发展,需要用到桌面端技术,如离线可用.调用桌面系统能力.什么是桌面端开发?一句话概括就是:以 Windows .macOS 和 ...
- 从事编程那些年经历的跨平台开发工具框架演变历史
前言:不知道是幸运还是不幸,从职业生涯早期开始就常常在做各种跨平台开发,从早期的Cordova到现在的ReactNative,从SmartTV到Android.iOS.MacOS以及Windows(还 ...
- msysGit 中文环境配置及跨平台开发注意事项
2019独角兽企业重金招聘Python工程师标准>>> 注:因从 Git V1.7.10 开始引入了 Unicode 支持,所以在此版本之前会出现的乱码问题可能在之后的版本则不需要设 ...
最新文章
- android camera2获取摄像头支持的分辨率
- vim/vi的使用(Ubuntu12.04)
- Flink从入门到精通100篇(二十三)-Apache Flink在滴滴的应用与实践
- 响应式编程优点 有效_Reactive(响应式)编程
- tortoiseSVN svn+ssh
- 重定向与请求转发的区别
- C语言学习资料----快速排序
- 北大学神恽之玮斩获西蒙斯学者奖:18岁满分获IMO金牌,35岁成MIT终身教授,北大数学“黄金一代”刷新战绩...
- SR 学习记录----JUNOS为例
- DirectX 3D图形
- 一个程序员的成长之路
- 详细理解script标签
- python清洗数据去除停用词_python之NLP数据清洗
- 雅思备考-口语词组积累-第三章
- Intel Me更新
- C++常用函数汇总(持续更新)
- Semantic Parsing via Staged Query Graph Generation: Question Answering with Knowledge Base(笔记)
- Arduino智能小车设计(二)
- 易语言json置入_易语言取置JSON文本使用方法-易语言学习-猴子技术宅
- PowerVM 高级功能——N_PIV