Vue项目已创建，在此基础上安装electron

配置步骤：

1. 装依赖  yarn install
2. 装electron
3. 安装concurrently ( 一条命令实现同时启动vue项目和electron)
4. 安装nodemon (实现热更新)

一、配置途中遇到的问题：

1. 安装 yarn add electron -D 一直卡在这里失败

一直卡可以使用下面这个，然后再重新装依赖

1. 采用新的镜像地址
npm config set registry https://registry.npmmirror.com

yarn config set registry https://registry.npmmirror.com

2. 查看
npm  config get registry
yarn config get registry

 2.  重新安装electron 失败

解决方案：

1. 清缓存： npm cache clean --force 

               yarn cache clean

2.  在C盘找到 .npmrc 文件

 将 这段话复制在cpmrc文件中

ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"

然后重新运行，成功！

npm install electron --save-dev

3. 安装concurrently 失败

 

解决方案：

把node-sass镜像源进行设置成国内的
yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass

然后将资源地址设置为淘宝镜像
yarn config set registry https://registry.npm.taobao.org/

查看
yarn config get registry

再重新装依赖

第二个解决方法，放弃使用yarn ,使用npm ,直接使用npm 啥事儿没有！

npm  install concurrently

安装好后，配置package.json

"start": "concurrently vite \"electron .\""

然后运行

npm start

 4.安装nodemon，实现热更新

npm i nodemon -D

安装好后，配置package.json，配置好后，关闭进程，重新启动项目工程(npm start)，就实现了热更新。

"start": "concurrently vite \"nodemon --exec electron . --watch ./ --ext .js,.html,.css,.vue\""

 二、配置好后开始打包

打包中报错记录：

解决方法：这是找不到git ,安装git Git for Windows

测试是否安装成功。随便选中一个文件夹，右键，看是否有这俩。

安装好之后，关闭项目，重新打开项目，再尝试装一次 。

npm i electron-squirrel-startup

npx electron-forge import

很好，又报错