已有vue项目集成electron桌面应用程序

通过脚手架创建的vue项目集成electron桌面应用程序

1.vue-cli创建的vue项目

2.安装Vue CLI Plugin Electron Builder

vue add electron-builder

安装的过程会提示选择安装electron的版本，选择最新版本安装即可

Tip:国内网络安装过程可能会失败，如果失败，需要单独安装,安装的版本跟上一步的版本保持一致

cnpm -i --save-dev electron@xxx

4.启动项目

安装完成后，运行：

npm run electron:serve

5.构建桌面应用程序

npm run electron:build

国内网络构建过程中可能会失败。抛出如下错误

  ⨯ cannot resolve https://github.com/electron/electron/releases/download/v17.0.1/electron-v17.0.1-darwin-x64.zip: status code 503

当出现如上问题，由于electron-builder 在打包时会检测cache中是否有electron 包，如果没有的话会从github上拉去，在国内网络环境中拉取的过程大概率会失败，所以你可以自己去下载一个包放到cache目录里。

复制链接https://github.com/electron/electron/releases/download/v17.0.1/electron-v17.0.1-darwin-x64.zip 到浏览器单独下载包，如果是mac电脑然后放到~/Library/Caches/electron/ 目录下，再重新构建