Electron

2021年9月25日 (六) 01:56的最后版本

Electron framework：一个使用web技术(JavaScript, HTML, CSS)，基于 Node.js、Chromium 开发桌面应用的跨平台框架。

[编辑] 新闻

GitHub宣布推出Electron 1.0和Devtron，并将提供无限制的私有代码库

[编辑] 简介

Visual Studio Code、GitHub Atom 编辑器都基于Electron构建。

Electron 继承了来自 Chromium 的多进程架构，这使得此框架在架构上非常相似于一个现代的网页浏览器。你控制着两种类型的进程：主进程和渲染器，这些类似于上面概述的 Chrome 自己的浏览器和其渲染器进程。

每个 Electron 应用都有一个单一的主进程，作为应用程序的入口点。主进程在 Node.js 环境中运行，这意味着它具有 require 模块和使用所有 Node.js API 的能力。

[编辑] 指南

快速入门

$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ npm install && npm start

安装

下载 Electron.app 包

或者

git clone https://github.com/atom/electron.git
cd electron
./script/bootstrap.py -v
./script/build.py
./script/test.py
生成 Electron.app

或者

sudo npm install electron-prebuilt -g
npm install electron-prebuilt --save-dev

第一个应用

your-app/
├── package.json
├── main.js
└── index.html

/Applications/Electron.app/Contents/MacOS/Electron your-app

[编辑] 项目

Awesome Electron

atom editor
Visual Studio Code
Pencil
Nuclide
Kitematic
Yeoman
Mancy JavaScript REPL.
Taobao Editor
蚂蚁金服小程序开发IDE
Parity UI for Parity Ethereum Client
Ethereum钱包：Mist
Ghost Desktop Ghost博客桌面
Mongotron MongoDB管理工具
levelui for LevelDB
Sqlectron
Medis
Mapbox Studio Classic
Google Play Music Desktop Player - Unofficial Google Play Music app.
google-music-electron
Playback 视频播放器
Kaku 音乐播放器
Gokotta 音乐播放器
KeeWeb
ScreenCat 屏幕分享和远程协作
Kart 游戏仿真
ClojureScript Compiler 图形接口
Black Screen Terminal emulator
OpenBazaar-Client
Mailspring mail client

[编辑] 图集

Hello Electron
Mongotron
淘宝编辑器
蚂蚁金服小程序开发工具
小程序开发工具应用模版

[编辑] 链接

@@ 第1行： / 第1行： @@
-Electron framework：一个使用web技术([[JavaScript]], HTML, CSS)，基于 [[io.js]]、[[Chromium]] 开发桌面应用的跨平台框架。
+Electron framework：一个使用web技术([[JavaScript]], HTML, CSS)，基于 [[Node.js]]、[[Chromium]] 开发桌面应用的跨平台框架。
-[[Visual Studio Code]]、[[atom editor|GitHub Atom 编辑器]] 都基于Electron构建。
 ==新闻==
 *[http://www.infoq.com/cn/news/2016/05/electron-1-devtron GitHub宣布推出Electron 1.0和Devtron，并将提供无限制的私有代码库]
+==简介==
+[[Visual Studio Code]]、[[atom editor|GitHub Atom 编辑器]] 都基于Electron构建。
+Electron 继承了来自 [[Chromium]] 的多进程架构，这使得此框架在架构上非常相似于一个现代的网页浏览器。你控制着两种类型的进程：主进程和渲染器，这些类似于上面概述的 Chrome 自己的浏览器和其渲染器进程。
+每个 Electron 应用都有一个单一的主进程，作为应用程序的入口点。 主进程在 [[Node.js]] 环境中运行，这意味着它具有 require 模块和使用所有 Node.js API 的能力。
 ==指南==
+快速入门
+ $ git clone https://github.com/electron/electron-quick-start
+ $ cd electron-quick-start
+ $ npm install && npm start
 安装
   [https://github.com/atom/electron/releases 下载 Electron.app 包]
@@ 第31行： / 第40行： @@
 ==项目==
+[https://github.com/sindresorhus/awesome-electron Awesome Electron] [[image:awesome.png]]
 *[[atom editor]]
 *[[Visual Studio Code]]
+*[[Pencil]]
 *[[Nuclide]]
 *[[Kitematic]]
@@ 第58行： / 第69行： @@
 *[https://github.com/shockone/black-screen Black Screen] Terminal emulator
 *[https://github.com/OpenBazaar/OpenBazaar-Client OpenBazaar-Client]
+*[https://github.com/Foundry376/Mailspring Mailspring] mail client
 ==图集==
@@ 第63行： / 第75行： @@
 image:hello-electron.png|Hello Electron
 image:mongodb-mongotron.png|Mongotron
+image:taobao-editor.png|淘宝编辑器
+image:alipay-mini-ide.png|蚂蚁金服小程序开发工具
+image:alipay-mini-ide-teamplate.png|小程序开发工具应用模版
 </gallery>
 ==链接==
 *[https://github.com/atom/electron Electron framework @ GitHub]
-*[https://github.com/sindresorhus/awesome-electron Awesome Electron] [[image:awesome.png]]
 *[http://docs.huihoo.com/electron/docs/v0.36.7/ Electron文档]
 *[http://blog.atom.io/ Atom Blog]
@@ 第74行： / 第88行： @@
 [[category:python]]
 [[category:javaScript]]
-[[category:CoffeeScript]]
+[[category:TypeScript]]
 [[category:node.js]]
 [[category:IDE]]
 [[category:editor]]
 [[category:chrome]]