代码拉取完成,页面将自动刷新
#瑞雪传奇win套壳 编译环境和dev环境 目前需要在main.js 手动配置 node 环境 16.20.2
1、配置npm代理 0959f1265b3a904c
npm set electron_mirror=https://npm.taobao.org/mirrors/electron/
npm set electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/
安装smart-npm
npm install --global smart-npm --registry=https://registry.npm.taobao.org/
#用cnpm安装electron-builder(注意全局安装)
cnpm install -g electron-builder
cnpm install -g electron-package
npm install
<!-- 运行前需要手动配置main.js 里面的环境var NODE_ENV= 'dev' -->
npm run dev
#或者
electron .
#打包命令 一、工具选用 electron-packager 或electron-builder都可以
##electron-builder打包
<!-- 打包前需要手动配置main.js 里面的环境var NODE_ENV= 'production' -->
npm run build
--electron-zip-dir可以指定electron的zip包,避免下载缓慢的问题。
--ignore可以指定打包忽略的目录
package.json 解释
"build": {
"productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
"appId": "com.leon.xxxxx",//包名
"copyright":"xxxx",//版权 信息
"directories": { // 输出文件夹
"output": "build"
},
"nsis": {
"oneClick": false, // 是否一键安装
"allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
"allowToChangeInstallationDirectory": true, // 允许修改安装目录
"installerIcon": "./build/icons/aaa.ico",// 安装图标
"uninstallerIcon": "./build/icons/bbb.ico",//卸载图标
"installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标
"createDesktopShortcut": true, // 创建桌面图标
"createStartMenuShortcut": true,// 创建开始菜单图标
"shortcutName": "xxxx", // 图标名称
"include": "build/script/installer.nsh", // 包含的自定义nsis脚本
},
"publish": [
{
"provider": "generic", // 服务器提供商 也可以是GitHub等等
"url": "http://xxxxx/" // 服务器地址
}
],
"files": [
"dist/electron/**/*"
],
"dmg": {
"contents": [
{
"x": 410,
"y": 150,
"type": "link",
"path": "/Applications"
},
{
"x": 130,
"y": 150,
"type": "file"
}
]
},
"mac": {
"icon": "build/icons/icon.icns"
},
"win": {
"icon": "build/icons/aims.ico",
"target": [
{
"target": "nsis",
"arch": [
"ia32"
]
}
]
},
"linux": {
"icon": "build/icons"
}
}
package.json 解释 参考案例2
"build": {
"appId": "com.example.app", // 应用程序id
"productName": "测试", // 应用名称
// 设置为 true 可以把自己的代码合并并加密
"asar": true,
"directories": {
"buildResources": "app", // 构建资源路径,默认为build
"output": "dist" // 输出目录 默认为dist
},
"mac": {
"category": "public.app-category.developer-tools", // 应用程序类别
"target": ["dmg", "zip"], // 目标包类型
"icon": "build/icon.icns" // 图标的路径
},
"dmg": {
"background": "build/background.tiff or build/background.png", // 背景图像的路径
"title": "标题",
"icon": "build/icon.icns" // 图标路径
},
"win": {
// 打包成一个独立的 exe 安装程序
// 'target': 'nsis',
// 这个意思是打出来32 bit + 64 bit的包,但是要注意:这样打包出来的安装包体积比较大,所以建议直接打32的安装包。
// 'arch': [
// 'x64',
// 'ia32'
// ]
"target": ["nsis","zip"] // 目标包类型
},
"nsis": {
// 是否一键安装,建议为 false,可以让用户点击下一步、下一步、下一步的形式安装程序,如果为true,当用户双击构建好的程序,自动安装程序并打开,即:一键安装(one-click installer)
"oneClick": false,
// 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
"allowElevation": true,
// 允许修改安装目录,建议为 true,是否允许用户改变安装目录,默认是不允许
"allowToChangeInstallationDirectory": true,
// 安装图标
"installerIcon": "build/installerIcon_120.ico",
// 卸载图标
"uninstallerIcon": "build/uninstallerIcon_120.ico",
// 安装时头部图标
"installerHeaderIcon": "build/installerHeaderIcon_120.ico",
// 创建桌面图标
"createDesktopShortcut": true,
// 创建开始菜单图标
"createStartMenuShortcut": true,
// electron中LICENSE.txt所需要的格式,并非是GBK,或者UTF-8,LICENSE.txt写好之后,需要进行转化,转化为ANSI
"license": "LICENSE.txt"
<!-- 图标位置-->
"fileAssociations": [
{
"name": "test file associations",// 关联文件在注册表的名称
"ext": "elefile",// 关联文件的后缀
"icon": "./resources/icon.ico",// 关联文件的图标
"description": "test file associations"// 关联文件的描述
}
],
<!-- 图片打包需要把图标位置移动到打包后的目录位置 -->
"extraResources": [
{
"from": "build/icons/",
"to": "dist/icons/"
}
// 可以移动多个文件夹,from-to
],
},
```
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。