本教程我們來學(xué)習(xí) Electron 的基礎(chǔ)知識，下面我們先來學(xué)習(xí)一下什么是 Electron。
Electron是什么
Electron 是是 GitHub 開發(fā)的一個開源框架。它允許使用 Node.js（作為后端）和 Chromium（作為前端）完成桌面 GUI 應(yīng)用程序的開發(fā)。
Electron 可以用于構(gòu)建具有 html、css、JAVAScript 的跨平臺桌面應(yīng)用程序，它通過將 Chromium 和 node.js 合同一個運行的環(huán)境中來實現(xiàn)這一點，應(yīng)用程序可以打包到 mac、windows 和 linux 系統(tǒng)上。
發(fā)展歷程
2013 年的時候，Atom 編輯器問世，作為實現(xiàn)它的底層框架 Electron 也逐漸被熟知，到 2014 年春季被開源，那時它還是叫 Atom Shell。接下來的幾年，Electron 在不斷的更新迭代，幾乎每年都有一個重大的里程碑：
- 2013年4月，Electron 以 Atom Shell 為名起步。
- 2014年5月，Atom 以及 Atom Shell 以 MIT 許可證開源。
- 2015年4月，項目被重命名為 Electron。
- 2016年5月11日，電子版發(fā)布 v1.0.0 版本。
- 2016年5月20日，允許向Mac應(yīng)用商店提交軟件包。
- 2016年8月2日，支持Windows商店
- 2018年5月2號發(fā)布的2.0.0
支持平臺
目前支持 Electron 的平臺有 OS X、Windows、Linux：
- OS X：對于 OS X 系統(tǒng)僅有 64 位的二進(jìn)制文檔，支持的最低版本是 OS X 10.8。
- Windows：僅支持 Windows 7 及其以后的版本，之前的版本中是不能工作的。對于 Windows 提供 x86 和 amd64 (x64) 版本的二進(jìn)制文件。需要注意的是 ARM 版本的 Windows 目前尚不支持。
- Linux：預(yù)編譯的 ia32(i686) 和 x64(amd64) 版本 Electron 二進(jìn)制文件都是在 Ubuntu 12.04 下編譯的，arm 版的二進(jìn)制文件是在 ARM v7（硬浮點 ABI 與 Debian Wheezy 版本的 NEON）下完成的。預(yù)編譯二進(jìn)制文件是否能夠運行，取決于其中是否包括了編譯平臺鏈接的庫，所以只有 Ubuntu 12.04 可以保證正常工作，但是 Ubuntu 12.04+ 、Fedora 21、Debian 8 等平臺也被證實可以運行 Electron 的預(yù)編譯版。
Electron的優(yōu)缺點
Electron 的優(yōu)點如下所示：
- 部署升級方便，用戶可以通過瀏覽器就可以訪問。
- HTML/JS/CSS 編寫，方便且高效。
- 可支持 Windows、Linux 、Mac系統(tǒng)。
Electron 的缺點如下所示：
- 對于開發(fā)者而言：瀏覽器適配比較繁瑣。有些應(yīng)用必須指定瀏覽器版本（比如 OCX 必須是 IE 內(nèi)核， H5 必須是較高版本），必須打開瀏覽器，輸入一長串 URL 地址。
- 對于用戶：傳統(tǒng)行業(yè)中部分用戶對 web 應(yīng)用不習(xí)慣，尤其是使用專業(yè)工具軟件，大多數(shù)會覺得 web 應(yīng)用沒有桌面應(yīng)用用起來踏實。
基于Electron實現(xiàn)的軟件
Electron 現(xiàn)已被多個開源應(yīng)用軟件所使用，其中被廣大程序員所熟知和使用的 Atom 、支付寶小程序 IDE、 Visual Studio Code 編輯器就是基于 Electron 實現(xiàn)的。
我們打開 Visual Studio Code 編輯器，找到菜單中的 “幫助 --> 切換開發(fā)人員工具”，如下圖：
然后就可以在界面上看到我們熟悉的 Chrome devtool，如下圖所示：
