美文网首页
vue-cli3.x+vue-cli-plugin-electr

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

作者: krystal_H | 来源:发表于2020-07-24 15:52 被阅读0次

    通过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文件,添加更新及下载的代码

    相关文章

      网友评论

          本文标题:vue-cli3.x+vue-cli-plugin-electr

          本文链接:https://www.haomeiwen.com/subject/plvrtktx.html