通过vue -V
查看当前安装的vue-cli
的版本,我当前版本3.12.1,下边就用vue-cli3.12
+vue-cli-plugin-electron-builder
搭建桌面应用。
1.通过脚手架vue-cli
搭建好基本的vue框架
2.安裝vue-cli-plugin-electron-builder
,vue add electron-builder
时间会有点长主要是因为electron-chromedriver
,忍不了的可以x先用yarn
下载依赖yarn add -D electron-chromedriver
,我这边没用到,成功后选版本,我选的最新的
3.运行项目yarn electron:serve
,跑起来基本是ok的
4.yarn electron:build
打包exe,安装就可以
5.想要检测自动更新,安装更新依赖yarn add electron-updater
,同时修改vue.config.js
文件添加 publish
配置,一定要有这个,可以生成latest.yml
文件用于版本检测对比
module.exports = {
pluginOptions: {
electronBuilder: {
builderOptions: {
publish: [
{
provider: "generic",
channel: "latest",
url: "http://xxxxxx/dist_electron/"
}
]
}
}
}
}
6.修改background.js
文件,添加更新及下载的代码