electron 打包vue项目到桌面端

electron镜像文件

registry=https://registry.npmmirror.com
electron_mirror=https://repo.huaweicloud.com/electron/
electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

在项目根目录中创建.npmrc配置文件，并将以上内容粘贴在内，避免镜像下载失败问题!

依赖的安装

需要vuecli添加 electron-builder 构建依赖

vue add electron-buildren

在项目中会生成 background.js 配置文件!

添加构建脚本

{
  "scripts": {
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "dev": "vue-cli-service serve",
    "dev:desktop": "vue-cli-service electron:serve --mode dev",
    "electron:build": "vue-cli-service electron:build",
    "electron:serve": "vue-cli-service electron:serve",
    "postinstall": "electron-builder install-app-deps",
    "postuninstall": "electron-builder install-app-deps",
    "build:desktop": "npm run build:icon && npm run build:mac && npm run build:win",
    "build:win": "vue-cli-service electron:build --legacy --windows --x64",
    "build:mac": "vue-cli-service electron:build --legacy --macos",
    "build:icon": "electron-icon-builder --input=./public/icon.png --output=public --flatten",
    "build:web": "vue-cli-service build"
  }
}