vue-cli3.x+vue-cli-plugin-electron-builder搭建桌面應(yīng)用

通過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文件,添加更新及下載的代碼

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容