【Electron】Electron在Windows下的環境搭建

Electron做爲一種用javascript寫桌面程序的開發方式，如今已經被大衆接受。下面就介紹如何在windows（>win7）下快速搭建Electron開發環境。

1. nodejs 的安裝

從nodejs 下載最新版本的windows安裝程序進行安裝，我下載的是v6.9.1，安裝時一路默認便可，這個安裝會把nodejs和npm配置到系統PATH中，這樣在命令行的任何位置均可以直接用node執行nodejs，用npm執行npm命令。

檢查nodejs是否安裝成功能夠這樣查看：

另外，由於可能的GFW問題（否則會下載很慢很慢，也可能下載失敗），因此建議把npm的倉庫切換到國內taobao倉庫，執行下面的命令：

npm config set registry "https://registry.npm.taobao.org/"

還有一種方式，註冊cnpm命令，以下（我採用的是第二種）：

npm install -g cnpm --registry=https://registry.npm.taobao.org

運行效果以下：

2. Electron的安裝

由於前面已經啓用了node/npm，因此能夠採用npm的方法安裝Electron。
爲了測試的方便，我是在命令行窗口中採用下面的命令:

npm install -g electron

效果以下：

其中，查看electron是否安裝成功可經過命令 electron -v 查看。

網上有的說命令是 npm install -g electron-prebuilt，其實這是早期的版本命令，如今已經更新爲electron了，以下：

3. 編程環境安裝

強烈推薦微軟退出的VS Code，直接下載安裝便可，它支持nodejs等的代碼提示，非常方便。

4. 打包輸出工具

爲了方便最終成果輸出，建議安裝electron-packager工具，安裝也很簡單，建議如下面的命令全局安裝：

npm install -g electron-packager

效果以下：

5. 若是須要採用git進行版本控制，建議安裝git工具

直接在git 下載最新版本的安裝便可。

 

至此實際上開發環境已經搭建好了。