前言
根據公司業務需求,使用 electron 桌面 BrowserWindow 應用。
參考 API:Electron 文檔
安裝與配置
安裝工具
搭建項目
初始化:
$ npm init
安裝 electron:
$ npm install electron --save-dev
軟件打包
安裝打包工具:
$ npm install --save-dev electron-packager
打包基本命令:
electron-packager {location} {name} {platform} {architecture} {version} {options}
- location:項目所在路徑
- name of project:打包的項目名字
- platform:確定了你要構建哪個平臺的應用(Windows、Mac 還是 Linux)
- architecture:決定了使用 x86 還是 x64 還是兩個架構都用
- version:electron 的版本
- options:可選選項
在 package.json 中添加配置項:
"packager": "electron-packager ./ writ win x86 --app--version=2.0.6 --overwrite --icon=./favicon.ico"
執行:
$ npm run-script packager
環境依賴
- .netframework 4.5.1
- python2.7
- Visual C++ Build Tools
一鍵安裝:
$ npm install --global --production windows-build-tools
環境設置:
$ npm config set msvs_version 2015
若出現 vc2015 安裝失敗情況,請自行安裝 SP1windows6.1-KB976932 補丁
插件依賴
-
node-gyp Node 編寫的跨平臺命令行工具,用於編譯 Node.js 的原生插件模塊
$ npm install -g node-gyp
-
ffi 用以調用動態庫的 Node.js 插件
$ npm install ffi --save
-
buffer 提供與 Node.js 的 Buffer 完全相同的緩衝區插件
$ npm install buffer --save
-
iconv-lite 用於在 Node.js 當中處理在各種操作系統出現的各種奇特編碼,該模塊不提供讀寫文件的操作,只提供文件編碼轉換的功能
$ npm install iconv-lite --save
-
electron-rebuild 用以重編譯適合 electron 的模塊
$ npm install electron-rebuild --save-dev
$ ./node_modules/.bin/electron-rebuild ./node_modules/ffi