Electron + Node.js + Javascript 做桌面应用

Ionic + JavaScript 做移动应用

Node.js + JavaScript 网站前后台

Javascript + Tessl  做硬件

Electron

Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScriptHTMLCSS 构建跨平台的桌面应用程序。它是基于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

javascript 开发多种类型的应用(Electron 跨平台开发)相关推荐

  1. 【Xamarin开发 Android 系列 2】VS2015跨平台开发的几种方式

    在微软Build大会上,微软宣布在VS2015中支持三种方式进行跨平台的开发. 1. Xamarin 2. Cordova 3. C++ Xamarin  官网 :http://xamarin.com ...

  2. App跨平台开发方案与抉择

    内心强大才敢于承认错误,但是首先你要敢于去试错. 现在做客户端开发的公司都会面临一个巨大的问题,那么就是跨平台.对于目前上市面上的移动设备来说.Android.IOS.WindowsPhone.Bla ...

  3. Flutter 实现原理及在马蜂窝的跨平台开发实践

    一直以来,跨平台开发都是困扰移动客户端开发的难题. 在马蜂窝旅游 App 很多业务场景里,我们尝试过一些主流的跨平台开发解决方案, 比如WebView 和 React Native,来提升开发效率和用 ...

  4. 为什么Flutter是跨平台开发的终极之选

    作者 | Anchal Malik 译者 | 王强 来源 | 前端之巅 跨平台开发是当下最受欢迎.应用最广泛的框架之一.能实现跨平台开发的框架也五花八门,让人眼花缭乱. 最流行的跨平台框架有 Xama ...

  5. 推荐几款App跨平台开发工具

    众所周知开发App比较复杂,不仅要懂多种编程语言还要考虑高额的成本.作为开发者需要找到一个既节省成本又能快速开发App的最佳解决方案.不少跨平台开发工具便应运而生,选择一款适合自己的工具尤为重要,下面 ...

  6. 你离真正的全栈开发人员只差学会 Electron

    为什么用 JavaScript 来开发桌面应用 曾经的 JavaScript 脆弱.简陋.甚至有被边缘化的危险,不过 JavaScript 在经过了两次飞跃后(以 V8 为首的 JavaScript ...

  7. electron 应用开发优秀实践

    vivo 互联网前端团队-Yang Kun 一.背景 在团队中,我们因业务发展,需要用到桌面端技术,如离线可用.调用桌面系统能力.什么是桌面端开发?一句话概括就是:以 Windows .macOS 和 ...

  8. 从事编程那些年经历的跨平台开发工具框架演变历史

    前言:不知道是幸运还是不幸,从职业生涯早期开始就常常在做各种跨平台开发,从早期的Cordova到现在的ReactNative,从SmartTV到Android.iOS.MacOS以及Windows(还 ...

  9. msysGit 中文环境配置及跨平台开发注意事项

    2019独角兽企业重金招聘Python工程师标准>>> 注:因从 Git V1.7.10 开始引入了 Unicode 支持,所以在此版本之前会出现的乱码问题可能在之后的版本则不需要设 ...

最新文章

  1. android camera2获取摄像头支持的分辨率
  2. vim/vi的使用(Ubuntu12.04)
  3. Flink从入门到精通100篇(二十三)-Apache Flink在滴滴的应用与实践
  4. 响应式编程优点 有效_Reactive(响应式)编程
  5. tortoiseSVN svn+ssh
  6. 重定向与请求转发的区别
  7. C语言学习资料----快速排序
  8. 北大学神恽之玮斩获西蒙斯学者奖:18岁满分获IMO金牌,35岁成MIT终身教授,北大数学“黄金一代”刷新战绩...
  9. SR 学习记录----JUNOS为例
  10. DirectX 3D图形
  11. 一个程序员的成长之路
  12. 详细理解script标签
  13. python清洗数据去除停用词_python之NLP数据清洗
  14. 雅思备考-口语词组积累-第三章
  15. Intel Me更新
  16. C++常用函数汇总(持续更新)
  17. Semantic Parsing via Staged Query Graph Generation: Question Answering with Knowledge Base(笔记)
  18. Arduino智能小车设计(二)
  19. 易语言json置入_易语言取置JSON文本使用方法-易语言学习-猴子技术宅
  20. PowerVM 高级功能——N_PIV

热门文章

  1. windows/linuxjdk安装,jdk1.6升级到1.7
  2. IEC61850报告服务(报文解析)
  3. JAVA编程语言的基础知识(2)
  4. JAVASCIPT实现WEB SERVER的问题
  5. 动手学习数据分析(四)——数据可视化
  6. sublime连接Linux进行vim编辑
  7. 桶排序(bucket sort)
  8. pyspark指定schema
  9. Vue3中的父子、子父组件通信
  10. c语言中读和写的作用,C语言中对文件最基本的读取和写入函数