javascript 开发多种类型的应用(Electron 跨平台开发)
2016-04-18 13:48
1416 查看
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。
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
超酷的Electron资源列表
Apps
Boilerplates
Tools
Components
Documentation
Articles
Videos
Podcasts
Community
Tips
Made with Electron.
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.
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.
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.
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
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.
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).
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
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.
Quick Start
Official docs
Architecture overview
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
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
JavaScript Jabber: Electron with Jessica Lord and Amy
Palamountain
Discuss
StackOverflow
Twitter
Freenode
Atom Slack
electron-jp (Japanese)
electron-br (Brazilian Portuguese)
electron-kr (Korean)
Contribute some ;)
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
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
超酷的Electron资源列表
Table of Contents
AppsBoilerplates
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 kickstartcreating 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 usingnpm.
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
mainor
renderer.
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 StartOfficial docs
Architecture overview
Articles
Electron FundamentalsBuilding 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 ElectronPackaging 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 AmyPalamountain
Community
DiscussStackOverflow
@electronjson
#atom-shellon
Freenode
#electronon
Atom Slack
electron-jp (Japanese)
electron-br (Brazilian Portuguese)
electron-kr (Korean)
Tips
Contribute some ;)
Contribute
Light Table — Customizable IDEPlayback — 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中的函数、this以及原型
- 如何js将数组转化为json数组,然后后台如何解析?
- Javascript中的isNaN函数的介绍与使用
- Javascript 面向对象实践
- 用js控制frame的页面跳转
- WebSocket connection to 'ws://.../sockjs/pushWords/635/78epgvv8/websocket'
- 继续说一下openjson 以及 json path 的使用 (2)
- 比较正宗的验证邮箱的正则表达式js代码详解
- 158 js timer函数
- json 解析 -转载
- json接口
- 校验手机号/座机号的表单
- javascript代码调试技巧
- 黄聪:Access-Control-Allow-Origin,JS跨域解决办法
- JavaScript 小代码
- JavaScript使用小技巧
- 使用JavaScript对象给数组去重
- JavaScript经典代码总结
- js对cookie的添加和删除
- [JS]省市区数据及方法调用