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
$ npm install electron-rebuild --save-dev

$ ./node_modules/.bin/electron-rebuild ./node_modules/ffi    

占坑

    原文作者:肚导啊
    原文地址: https://segmentfault.com/a/1190000017526548
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞