Electron-builder打包vue桌面程序安装包-蒲公英云

Electron-builder打包vue桌面程序安装包

准备工作

已完成Electron打包vue项目成桌面端程序文章一、二、三、四步

一、安装打包工具 electron-packager

cnpm install electron-builder -g

二、修改package.json

在package.json的基础上新增

"build": { 
    "productName": "electron桌面端",
    "appId": "com.lihefei.electron",
    "copyright": "© lihefei",
    "directories": { 
        "buildResources": "public",
        "output": "out"
    },
    "nsis": { 
        "oneClick": false,
        "allowElevation": true,
        "allowToChangeInstallationDirectory": true,
        "installerIcon": "public/favicon.ico",
        "installerHeaderIcon": "public/favicon.ico",
        "createDesktopShortcut": true,
        "createStartMenuShortcut": true
    },
    "files": [
        "dist/**/*",
        "main.ts",
        "package.json"
    ],
    "win": { 
        "icon": "public/favicon.ico",
        "target": [
            { 
                "target": "nsis",
                "arch": [
                    "ia32"
                ]
            }
        ]
    }
},
"scripts": { 
    "postinstall": "electron-builder install-app-deps",
    "builder": "electron-builder"
}

三、执行命令打包

npm run electron-builder

安装文件输出在/out文件夹下，双击可正常安装

在这里插入图片描述

参考教程，相关参数可以：
https://github.com/QDMarkMan/CodeBlog/blob/master/Electron/electron-builder%E6%89%93%E5%8C%85%E8%AF%A6%E8%A7%A3.md
https://www.azimiao.com/6191.html