通過vue -V查看當(dāng)前安裝的vue-cli的版本,我當(dāng)前版本3.12.1,下邊就用vue-cli3.12+vue-cli-plugin-electron-builder搭建桌面應(yīng)用。
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文件,添加更新及下載的代碼