快速把 vue web应用改造成桌面应用，electron 几个指令就可以搞定

本文介绍的方法是在自己的 vue 的项目中引入插件，然后打包

1.修改 C:\Users\自己的用户名.npmrc 文件

增加 electron_mirror 的单独镜像配置
上面是淘宝镜像，以及全局路径和缓存路径

registry=https://registry.npm.taobao.org/
prefix=D:\nodejs\node_global
cache=D:\nodejs\node_cache

# electron_mirror 的单独镜像配置
electron_mirror=https://npm.taobao.org/mirrors/electron/
electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/

2.cmd 进入自己的 vue 项目中

cmd 进入自己的 vue 项目中
运行下面指令添加 electron 的打包工具
（目前建议用10版本）有些版本淘宝镜像没有
当看到
Successfully invoked generator for plugin: vue-cli-plugin-electron-builder
表示安装成功了

vue add electron-builder

3.启动桌面应用

1. 上面指令正常打开 vue 网页端项目
2. 下面指令打开桌面端应用

npm run serve
npm run electron:serve

4.打包

打包成 exe 桌面应用
在 dist_electron 文件夹下，exe 结尾的就是

npm run electron:build

还有一种是将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径，这个也很简单: 原文链接.

(完)