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

占坑

Windows 下的 electron 开发笔记一相关推荐

Kinect for Windows SDK v2.0 开发笔记 (十) 高清面部帧(1) FACS 介绍
转载于:https://blog.csdn.net/dustpg/article/details/38892783 使用SDK: Kinect for Windows SDK v2.0 public ...
Windows下安装Objective-C开发环境
Windows下安装Objective-C开发环境 1.首先用GNUstep在windows下模拟object c开发环境. 官方网址:http://www.gnustep.org/ 百度云下载: 链 ...
Windows下配置IDEA开发环境
Windows下配置IDEA开发环境文章目录 Windows下配置IDEA开发环境安装JDK 查看JDK是否安装下载JDK 配置环境变量安装IDEA 下载IDEA 安装IDEA 初始化IDEA ...
windows下关于Objective-C开发环境的配置
最近IOS一直很火,也想学习以以下OC开发,一般装个虚拟机,然后装个mac,我相信大多数人的机子跑不起来或者很卡,所以之前借鉴了一个文章,就是关于在windows下配置OC开发环境,这里我把自己的安装 ...
Windows下搭建ESP-IDF开发环境，适合ESP32/S2/C3/S3系列模组二次开发
前言本教程适用于以下两种用户: ①无Linux环境搭建经验或搭建Linux开发环境不成功: ②使用安信可windows一体化环境IDE V1.5开发环境搭建不成功: 本教程提供了windows下搭建 ...
Windows下的PHP开发环境搭建——PHP线程安全与非线程安全、Apache版本选择，及详解五种...
2019独角兽企业重金招聘Python工程师标准>>> 今天为在Windows下建立PHP开发环境,在考虑下载何种PHP版本时,遭遇一些让我困惑的情况,为了解决这些困惑,不出意料地牵 ...
windows下搭建iphone开发环境
在windows下搭建iphone开发环境,我是这样做的. 1. 安装虚拟机,并且在虚拟机中安装mac os: 2. 启动虚拟机的mac os, 然后安装 iphone sdk. 具体请参考以下几篇文 ...
Windows 下使用GNU开发环境[转]
Windows 下使用GNU开发环境http://www.hebl.name/zh/archives/gnuwin32-dev.html 2005-4-22 GNU/Linux, 軟件技術 GNU/U ...
Windows下Ionic Android开发环境搭建
转自 http://www.itwap.net/ArticleContent.aspx?id=26 来源: itwap.net 作者: 词略时间: 2015-4-2 16:57:28 (一)Ioni ...
乐鑫Esp32学习之旅② 巧用eclipes编辑器，官方教程在Windows下搭建esp32开发环境，打印 “Hello World”。
本系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...

Windows 下的 electron 开发笔记一

前言

安装与配置

安装工具

搭建项目

软件打包

环境依赖

插件依赖

占坑

Windows 下的 electron 开发笔记一相关推荐

最新文章

热门文章