通过vite和vue3进行项目开发,然后通过electron框架进行打包,再通过牛牛安装包界面美化控件对安装界面美化。
1.通过npm create vite@latest
创建vue3项目
2.npm install electron electron-builder -D
3.新建electron 的main.js 文件
4.package.json 添加main:${electron}/main.js
5.package.json 配置 build 属性 对electron-build 进行配置
'productName': xxx系统',//生成exe的名字(允许为汉字)
"appId": "com.xi.www",//包名
"copyright": "xxx科技有限公司",//版权信息
"directories": { // 输出文件夹(不修改则默认在dist_electron下)
// "output": "electron_output",
},
"nsis": {
"oneClick": false, // 是否一键安装
"allowElevation": true, // 允许请求提升。若为false,则用户必须使用提升的权限重新启动安装程序。
"allowToChangeInstallationDirectory": true, //是否允许修改安装目录
"installerIcon": "./build/icons/icon.ico",//