vue2+electron项目搭建

一、vue2搭建

官方链接：https://cli.vuejs.org/zh/guide/installation.html

1、安装vue-cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

2、vue项目创建

vue create electron-vue-demo

二、vue项目添加electron

安装插件 vue-cli-plugin-electron-builder
https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/

1、安装

vue add electron-builder

2、安装成功后文件变化

package.json

三、项目运行

background.js如下代码国内网下载比较慢，是个调试工具可以先注释掉，注释后运行命令就可以快速启动客户端了

npm run electron:serve

四、项目打包

npm run electron:build

打包后，在这个目录下

打包优化

https://www.electron.build/

简单优化一下