1:在nodejs官网下载安装适合你电脑的nodejs版本
2:创建文件夹 electron/resources/app
3:初始化项目
打开终端,cd到上面的app文件夹,使用npm init 构建项目 (NPM是随同NodeJS一起安装的包管理工具,npm参考)
init时所有的步骤都可以空格键跳过,init后会生成package.json文件,
{
"name": "app",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
“main”对应indnex.js的是程序的入口文件,init之后需要你自己创建,同时index.js文件也是electron的主进程,你可以在里面进行相应操作
4:安装electron
在app目录下 npm install electron (不建议全局安装electron,如果全局安装,使用npm下载ffi模块时失败) ,electron网站
5:使用electron
在index.js文件 const {...} = require('electron') ,引用electron各个模块 eg: const {app, BrowserWindow, dialog,ipcMain,Tray,Menu} = require('electron');
6:electron 调试
vscode开发工具,点击左边栏目的调试按钮,再点击设置按钮,再出现的launch.json文件里面添加
"runtimeExecutable":"C:/Users/Administrator/AppData/Roaming/npm/electron.cmd",
runtimeExecutable对应的是你安装electron的路径,我用的是全局安装的electron.cmd路径
7: 打包
可以使用electron-packager进行打包,参考官方文档
使用electron-packager打包首先下载
npm install -g electron-packager
下载后,终端cd到app目录,执行:
electron-packager . 应用使用的名称 --win --out ? --arch=? --version ? --electron-version=?
命令行说明:
--win 对应你的pc系统 (window下是--win),--out 生成包的文件夹 ,--arch=系统位数(x64或x32),--version 打包版本,--electron-version= 你安装的electron版本号
8: 使用nodejs的ffi模块调用c++链接库
自己实际操作后认为使用npm下载ffi模块时,需要以下依赖
Visual C++ Build Environment:
Option 1: Install Visual C++ Build Tools using the Default Install option.
Option 2: Install Visual Studio 2015 (or modify an existing installation) and select Common Tools for Visual C++ during setup. This also works with the free Community and Express for Desktop editions
[Windows Vista / 7 only] requires .NET Framework 4.5.1
Install Python 2.7 (v3.x.x is not supported), and run { npm config set python python2.7 }
Launch cmd,{ npm config set msvs_version 2015 }
npm init //初始化
npm install electron —save-dev //安装electron(全局安装electron 可能导致ffi模块下载失败)
npm install electron-rebuild —save-dev //安装自动构建工具
npm install ffi —save
具体详情参考https://github.com/nodejs/node-gyp#installation
const ffi = require(‘ffi’)引入模块;调用c++dll库,或者c++dll变动时需要rebuid项目
vscode终端执行以下命令:.\node_modules\.bin\electron-rebuild.cmd//使用ffi时重新编译项目
个人总结,不足之处多包涵