npm install -g @vue/cli
vue create gua-tools
cd gua-tools
npm run serve
vue add electron-builder
安装过程中 此处选择 ^13.0.0 按下回车
npm install
npm run electron:serve
npm run electron:build
imac系统和windows系统都使用这个命令打包
修改package.json
启动项目,出现以下告警
以上是在说同级目录有index.js文件存在,需要更改electron主进程文件名。在开发过程中,dist_electron目录会生成两个文件:index.js和package.json,冲突就在这个文件夹,所以我们只需要把index.js文件名修改成background.js就可以了。
在vue.config.js增加如下配置
pluginOptions: {
electronBuilder: {
chainWebpackMainProcess: (config) => {
config.output.filename('background.js');
}
}
}
启动项目时,提示安装Vue Devtools连接失败,可通过禁用Vue Devtools安装解决
找到background.js
注释以下代码即可:
https://www.electronjs.org/zh/docs/latest/tutorial/quick-start