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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM