electron 開發環境搭建


electron開發環境的搭建共包括兩個部分:一、動態鏈接庫(dll)編譯部分;二、Native模塊編譯部分

tips:cnpm和npm的依賴可能不同,npm安裝時可以通過任務管理器查看網速
```
node rebuild(走的是node-gyp)
npm i -g --production window-build-tools

npm i ffi // 這一步可能不止這一個命令
npm i --save-dev node-gyp //這里的node-gyp一定要裝在當前項目文件夾下,不能用全局的

npm i ref // 需要裝好ffi后再搞
set PYTHON=C:\Users\hongbin.liang\.windows-build-tools\python27\python.exe // 設置python的環境變量(已經被window-build-tools自動裝好了)

node_modules\.bin\electron-rebuild //用electron再次編譯C、C++等系統接口(ref編譯的貌似不行,electron有自己的一套東西)
```
```
npm i electron-packager -g // 用來最后的打包
其他相關:http://note.youdao.com/noteshare?id=7c8bf404c1c03c473a63668f2b16369f&sub=9CC74EE77FA54FA4B658E5C2E984B8A4
```
#### 一、動態鏈接庫(dll)
```
1.安裝npm(包含了node環境)

2.再安裝 window-build-tools(包含了python環境) :
npm i -g --production window-build-tools // 安裝ffi、ref等需要編譯的包沒有window-build-tools將無法編譯通過,另外此包下載較慢

3.安裝ffi( 用於將c、c++寫的dll編譯為node使用的.node為后綴名的dll文件,依賴ref)、ref(用於編譯基礎文件類型(數組等):
npm i --save ffi / npm i --save-dev ref


```
#### 二、Native模塊
```
安裝node-gyp和electron-rebuild (項目內安裝) npm i --save-dev node-gyp / npm i --save-dev node-gyp
node rebuild(走的是.\node_modules\.bin\node-gyp,通過node index.js 啟動應用)和 electron-rebuild (走的是 .\node_modules\.bin\electron-rebuild,通過electron . 啟動應用)兩種開發互斥,只能二選一

electron-rebuild
```
#### 其他
```
設置python的環境變量 : set PYTHON=C:\Users\hongbin.liang\.windows-build-tools\python27\python.exe

npm i 依賴git(是通過packge.json文件中的文件名去github上檢索下載安裝的,走的是git,cmd如果不支持,可能是因為安裝git時沒有去設置,建議重裝git,注意安裝選項)
```


免責聲明!

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



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