因项目要求，因而接触到了 electron （electron中文网链接） 话不多说，直接开始

• 下载依赖时各种报错，其中问题点为
  1. 通过官网上的教程下载命令 npm install --save-dev electron 报错
  2. 通过官方放在git上的demo地址 git clone https://github.com/electron/electron-quick-start 拉取后，本地 npm i 报错
  3. 通过网上教程，或者ai教程 cnpm yarn 下载依赖报错
  4. 打包报错，本地运行报错

上述的问题可以通过修改成国内的镜像地址解决

注意，淘宝镜像地址源改了！！！注意，淘宝镜像地址源改了！！！注意，淘宝镜像地址源改了！！！
新的地址为 https://registry.npmmirror.com

第一步，先设置成最新的镜像地址
npm config set registry https://registry.npmmirror.com

第二步，设置 ELECTRON_MIRROR 环境变量，将 Electron 的下载地址切换到国内的镜像源上
npm config set ELECTRON_MIRROR https://npmmirror.com/mirrors/electron/

第三步，下载一个新的vue2的项目
vue create app

第四步，下载 electron 依赖
注意切换到 app 文件夹下
vue add electron-builder

稍等一段时间他会有选择版本的界面，我们选择最新的

选择完毕后等待结束即可

至此vue + electron 项目搭建完成了，

npm run electron:build 为 electron 打包方法
npm run electron:serve 为 electron 本地运行方法

注意：主要在vue.config.js中把路径改动一下，不然打包出来的项目会是空白的
项目运行

项目打包

background.js 就是 electron教程中的 main.js 文件