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

超酷的Electron资源列表

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 or 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 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