本教程我們來學習 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，如下圖所示： 