打包Electron+Vue生成windows.exe桌面程序流程

一. 本教程是以Vue-CLI 3 或 4为基础

为了不报错 卸载以前的脚手架

 npm uninstall -g vue-cli

安装最新版脚手架

cnpm install -g @vue/cli

创建一个 vue 随便起个名

vue create electron-vue-example (随便起个名字electron-vue-example)

进入 创建过的 vue文件

cd electron-vue-example

cnpm install electron -g

运行 vue

npm run serve

将vue 添加 electron模块

vue add electron-builder

运行 electron 模块 是否 可以弹出窗口

npm run electron:serve

// 这个错误 网上说必须科学上网才可以安装  所以我临时没有进行安装  后继没有发现有异常错误
Vue Devtools failed to install: ReferenceError: installExtension is not defined
// 全局搜索 这个 注释掉 VUEJS_DEVTOOLS

最终 打包exe

npm run electron:build

上述不报错 说明 已经 打包成功

报错安装一下插件

npm install -g yarn
// 或者yarn运行

我们看一下打包的情况

以下是 另一个win格式 在另一个文件夹中