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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章