美文网首页
vue-cli+electron 配置

vue-cli+electron 配置

作者: 冰落寞成 | 来源:发表于2021-07-20 10:18 被阅读0次

在vue.config.js 里配置

module.exports = {
 
  pluginOptions: {
    electronBuilder: {
      removeElectronJunk: false,
      builderOptions: {
        "appId": "com.example.app",
        "productName": "mine",//项目名,也是生成的安装文件名,即aDemo.exe
        "copyright": "Copyright © 2021",//版权信息
        "directories": {
          "output": "build"//输出文件路径
        },
        "win": {//win相关配置
          "icon": "./src/assets/systemico.ico",//图标,当前图标在根目录下,注意这里有两个坑
          "target": [
            {
              "target": "nsis",//利用nsis制作安装程序
              "arch": [
                "x64",//64位
                "ia32"//32位
              ]
            }
          ]
        },
        "nsis": {
          "oneClick": false, // 是否一键安装
          "allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
          "allowToChangeInstallationDirectory": true, // 允许修改安装目录
          "installerIcon": "./src/assets/systemico.ico",// 安装图标
          "uninstallerIcon": "./src/assets/systemico.ico",//卸载图标
          "installerHeaderIcon": "./src/assets/systemico.ico", // 安装时头部图标
          "createDesktopShortcut": true, // 创建桌面图标
          "createStartMenuShortcut": true,// 创建开始菜单图标
          "shortcutName": "mine", // 图标名称
        },
      }
    },
  },
}

相关文章

网友评论

      本文标题:vue-cli+electron 配置

      本文链接:https://www.haomeiwen.com/subject/ytqyjltx.html