Electron開發環境部署

Electron開發環境部署

安裝node.js

能夠從node.js官方網站上獲取安裝包，並進行安裝，安裝完能夠經過
ndoe -v
指令進行版本查看。
本文的開發環境爲node.js 4.4.5。

安裝node.js的同時，會一併安裝包管理器npm，用於對開發包進行統一管理。

使用淘寶鏡像/nrm進行安裝源管理

因爲GFW的存在，沒法方便地經過npm直接下載各類開發包，因此咱們須要對安裝源進行更改。

經過命令

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

能夠從淘寶提供的鏡像中安裝替代的包管理器cnpm，該安裝源由淘寶提供和管理，按期與官方源同步，通過測試，下載速度很理想。使用cnpm替代npm，一樣可以實現開發包管理。可是，若是你仍是習慣使用npm進行包管理，那麼，能夠經過安裝鏡像管理器nrm來在不一樣的源中無縫切換。

參考文章

先用cnpm安裝nrm

cnpm install -g nrm

而後

nrm ls

可以看到全部的源

#  npm ---- https://registry.npmjs.org/
#  cnpm --- http://r.cnpmjs.org/
#* taobao - http://registry.npm.taobao.org/
#  nj ----- https://registry.nodejitsu.com/
#  rednpm - http://registry.mirror.cqupt.edu.cn
#  npmMirror  https://skimdb.npmjs.com/registry

經過

nrm use cnpm

能夠選擇使用cnpm做爲默認的安裝源，此時，使用npm將會默認從淘寶安裝源進行安裝。

安裝Electron開發環境

進行Electron開發以前，先要部署開發環境，在有node.js開發環境的基礎上，能夠經過npm進行開發環境的安裝。

安裝有兩種方式

• 全局安裝

# Install the `electron` command globally
npm install electron-prebuilt -g

• 當前目錄下安裝

# Install as a development dependency
npm install electron-prebuilt --save-dev

兩者選一個便可。

安裝完成後創建app目錄，而後將官網的quick-start中的內容分別拷貝到package.json，main.js，index.html下。

運行命令

cd app
electron .

便可看到hello world程序運行。