vue项目生成桌面客户端

1、准备好现有的vue开发的项目

2、安装nodejs

 https://nodejs.org/en/download/ 选择合适的版本

3、安装vue-cli工具 

sudo cnpm install -g @vue/cli

4、安装electron-builder 

终端进入项目文件夹，执行vue add electron-builder，完成后可以看到在package.json中有增加了electron的相关指令，执行npm run electron:serve可以看到运行结果

package.json

5、安装electron-icon-builder

sudo cnpm install --save-dev electron-icon-builder

6、修改图标为自己准备好的xxx.png

在package.json中增加一条

"electron:generate-icons": "electron-icon-builder --input=./xxx.png --output=build --flatten"

然后执行npm run electron:generate-icons生成各种尺寸的图标

7、修改依赖下载地址

修改vue.config.js文件，下载依赖改为国内镜像

vue.config.js

8、打包

npm run electron:build

参考：

https://zhuanlan.zhihu.com/p/253325474

https://www.imooc.com/article/301850