克隆示例项目的仓库
git clone https://github.com/electron/electron-quick-start
进入这个仓库
cd electron-quick-start
安装依赖并运行(到这步,可以运行出界面)
npm install && npm start
全局安装electron
npm install -g electron
全局安装打包工具
npm install electron-packager -g
项目文件中,在package.json中的script中配置,如下:
"scripts": {
"packager": "electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1"
},
指令结构:
electron-packager <路径(.代表根目录)> <可执行文件的文件名> –win=x32<系统> –out <打包成的文件夹名> –arch=x64 –app-version=0.0.1<应用版本> –electron-version=2.0.0<使用electron的版本>
运行打包(生成含exe的文件夹), 至此,点击exe文件,可以运行该应用
npm run packager
打包成安装包(含setup.exe),安装打包工具
npm install --save-dev electron-winstaller
根目录下创建build.js
// build.js
var electronInstaller = require('electron-winstaller');
var path = require("path");
resultPromise = electronInstaller.createWindowsInstaller({
appDirectory: path.join('./out/HelloWorld-win32-x64'), //入口
outputDirectory: path.join('./installer/installer64'), //出口
authors: 'yyt',
exe: "HelloWorld.exe", //名称
setupIcon: path.join('icon.ico'),//安装图标,必须本地
iconUrl: 'http://pm72qibzx.bkt.clouddn.com/icon.ico',//程序图标,必须url
noMsi: true,
});
resultPromise.then(() => console.log("It worked!"), (e) => console.log(`No dice: ${e.message}`));
执行build.js文件,至此,可以生成安装包setup.exe
node build.js
安装成功之后,自动添加快捷方式
-
npm i electron-squirrel-startup --save
-
main.js中添加代码
if(require('electron-squirrel-startup')) return;
-
npm run packager
-
node build.js
网友评论