Windows 下的 electron 開發筆記一

前言

根據公司業務需求，使用 electron 開發桌面 BrowserWindow 應用。

參考 API：Electron 文檔

安裝與配置

安裝工具

node（LTS版）
git 命令行工具

搭建項目

初始化：

$ 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

佔坑