本教程我們來學習 Electron 的基礎知識，下面我們先來學習一下什么是 Electron。

Electron是什么

Electron 是是 GitHub 開發的一個開源框架。它允許使用 Node.js（作為后端）和 Chromium（作為前端）完成桌面 GUI 應用程序的開發。

Electron 可以用于構建具有 html、css、JAVAScript 的跨平臺桌面應用程序，它通過將 Chromium 和 node.js 合同一個運行的環境中來實現這一點，應用程序可以打包到 mac、windows 和 linux 系統上。

發展歷程

2013 年的時候，Atom 編輯器問世，作為實現它的底層框架 Electron 也逐漸被熟知，到 2014 年春季被開源，那時它還是叫 Atom Shell。接下來的幾年，Electron 在不斷的更新迭代，幾乎每年都有一個重大的里程碑：

• 2013年4月，Electron 以 Atom Shell 為名起步。
• 2014年5月，Atom 以及 Atom Shell 以 MIT 許可證開源。
• 2015年4月，項目被重命名為 Electron。
• 2016年5月11日，電子版發布 v1.0.0 版本。
• 2016年5月20日，允許向Mac應用商店提交軟件包。
• 2016年8月2日，支持Windows商店
• 2018年5月2號發布的2.0.0

支持平臺

目前支持 Electron 的平臺有 OS X、Windows、Linux：

• OS X：對于 OS X 系統僅有 64 位的二進制文檔，支持的最低版本是 OS X 10.8。
• Windows：僅支持 Windows 7 及其以后的版本，之前的版本中是不能工作的。對于 Windows 提供 x86 和 amd64 (x64) 版本的二進制文件。需要注意的是 ARM 版本的 Windows 目前尚不支持。
• Linux：預編譯的 ia32(i686) 和 x64(amd64) 版本 Electron 二進制文件都是在 Ubuntu 12.04 下編譯的，arm 版的二進制文件是在 ARM v7（硬浮點 ABI 與 Debian Wheezy 版本的 NEON）下完成的。預編譯二進制文件是否能夠運行，取決于其中是否包括了編譯平臺鏈接的庫，所以只有 Ubuntu 12.04 可以保證正常工作，但是 Ubuntu 12.04+ 、Fedora 21、Debian 8 等平臺也被證實可以運行 Electron 的預編譯版。

Electron的優缺點

Electron 的優點如下所示：

• 部署升級方便，用戶可以通過瀏覽器就可以訪問。
• HTML/JS/CSS 編寫，方便且高效。
• 可支持 Windows、Linux 、Mac系統。

Electron 的缺點如下所示：

• 對于開發者而言：瀏覽器適配比較繁瑣。有些應用必須指定瀏覽器版本（比如 OCX 必須是 IE 內核， H5 必須是較高版本），必須打開瀏覽器，輸入一長串 URL 地址。
• 對于用戶：傳統行業中部分用戶對 web 應用不習慣，尤其是使用專業工具軟件，大多數會覺得 web 應用沒有桌面應用用起來踏實。

基于Electron實現的軟件

Electron 現已被多個開源應用軟件所使用，其中被廣大程序員所熟知和使用的 Atom 、支付寶小程序 IDE、 Visual Studio Code 編輯器就是基于 Electron 實現的。

我們打開 Visual Studio Code 編輯器，找到菜單中的 “幫助 --> 切換開發人員工具”，如下圖：

然后就可以在界面上看到我們熟悉的 Chrome devtool，如下圖所示：