vue-cli3.x+vue-cli-plugin-electr

2020-07-24  本文已影响0人  krystal_H

通过vue -V查看当前安装的vue-cli的版本,我当前版本3.12.1,下边就用vue-cli3.12+vue-cli-plugin-electron-builder搭建桌面应用。
1.通过脚手架vue-cli搭建好基本的vue框架

2.安裝vue-cli-plugin-electron-buildervue 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文件,添加更新及下载的代码

上一篇下一篇

猜你喜欢

热点阅读