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

標籤：註冊   方法   org   測試   pat   環境   輸出   執行   新版本   

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 下載最新版本的安裝即可。

 

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

 

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