第一种
- Package.json配置:
- 字段:”build”
参数:
- 字段:”build”
{
"publish": [
{
"provider": "generic",
"url": "http://localhost:8899/" //存放软件版本的地址
}
],
"directories": {
"output": "release", //打包后文件所在位置
"app": "./" //开始位置
},
"win": { //windows下安装软件配置参数
"target": [
"nsis", //打包为nsis安装文件
"zip" //打包为安装文件zip
]
},
"nsis": { //nsis配置参数
"oneClick": false, //可单击打开
"allowToChangeInstallationDirectory": true, //允许用户选择安装位置
"perMachine": true
}
};
第二种(使用NSIS来打包Electron安装程序)
一. 准备
1.下载NSIS软件,安装
NSIS中文版下载 提取码: wbkb
2.安装asar (参考官方文档https://www.w3cschool.cn/electronmanual/cexo1qkn.html)
npm install -g asar
二. 打包
-
打开NSIS
1)选择可视化脚本编辑器
image.png
2)选择使用脚本向导创建新的脚本文件,确定
image.png
3)下一步
image.png
4)设置应用名称,版本号,网址,标志随便自定义一个就好,然后下一步
image.png
5)设置安装程序图标(图标必须是ico格式),名称,语言(SimpChinese),界面,然后下一步
image.png
6)默认,直接下一步就好
image.png
7)授权文件有就填,没有就填空白 然后下一步
image.png
8)添加应用程序文件,默认两个文件选中,删除
image.png
9)点击添加文件
image.png
添加HelloWorld.exe文件,确定
image.png
10)点击AddDirTree
image.png
选择HelloWorld-win32-x64文件夹,选中包含子目录,确定,然后下一步
image.png
11)可修改开始菜单名称,然后下一步
image.png
12)可设置安装成功后启动的程序,默认就是我们打包后的启动程序,下一步
image.png
13)设置一些卸载时界面的提示信息,然后下一步
image.png
14)保存我们的脚本,完成,保存到桌面
image.png
image.png
15)打开脚本文件,编译及运行
image.png
16)开始编译,请等待
image.png
17)编译完就可以安装啦
image.png
image.png
网友评论