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

 

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

 


免責聲明!

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



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