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程序運行。