electron 将 vue项目打包成桌面应用(exe文件)

目标如题
首先你需要一个VUE项目
简单创建一个栗子

// 这是vue-cli 3.0的创建方式 2+版本好像是 vue init webpack my-app 貌似
vue create my-app

这里不做具体 毕竟每个人的项目不一样 如果也是想尝试一下 大家可以一路默认创建一个项目就可以了

安装electron 不知道的戳链接https://blog.csdn.net/zcy_csdn123/article/details/102485857
简单的说 正常安装太慢太慢 使用淘宝镜像
然后克隆一个electron 官网的例子

# 克隆这仓库
$ git clone https://github.com/electron/electron-quick-start
# 进入仓库
$ cd electron-quick-start
# 安装依赖库
$ npm install
# 运行应用
$ npm start

然后 你得到了两个项目 my-app electron-quick-start
分别启动这两个项目 看是否能正常运行
VUE的不说了，electron 的项目启动后 弹出一个应用框， 里面有hello word 内容

下面是重点了
在my-app项目的package.json 中scripts下添加2行 如下

"scripts": {
   
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "electron_dev": "npm run build && ele