Electron_Vue项目，打包后Setup.exe没有安装过程问题解决

背景：

        前一阵子做了一个Electron_Vue项目。项目使用的vue-cli-plugin-electron-builder进行打包。我的vue是基于Vue-cli脚手架搭建的，因此使用了上述的插件包进行的打包。

        打包之后会在dist文件夹中出现两个exe程序，分别是免安装直接启动的exe文件，和setup.exe安装程序文件。

        但是在双击Setrp.exe时发现了一个问题，启动之后没有安装过程，直接就启动项目了。于是乎搜遍全网，发现了问题。

解决：

        只需要在vue.config.js中做如下配置即可。对应注释自行改动即可。我的项目之所以没有安装过程。是因为我没有配置 "nsis"配置项， 添加配置项中的onClick为false之后就能启动安装过程了。

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

最后，感谢佬的文章。

在vue-cli-plugin-electron-builder下用electron:build打包或生成应用程序的两种方法 - 简书 (jianshu.com)