Vue3-Electron 开发实现，附坑点怎么会有把开发者堵在安装上的框架插件还没入门学会，我就在安装的路上差点劝退

一. 怎么会有把开发者堵在安装上的框架插件

还没入门学会，我就在安装的路上差点劝退。问题千奇百怪：

镜像问题？ npm安装不了要用yarn？ npm版本太高？用vue直接安装命令？

在网上的开发过安装的有从创建vite - vue3 - electron 一步步去搭建成功的桌面应用，也有直接用vue命令直接创建，都会遇到以上问题。

后面你会发现安装完终于可以运行你还会遇到打包存在问题

github上的依赖包下载不了，得手动下载？，下载配置后还会出现里面文件复制不出来情况等等

二. 安装之路

从配置构建环境到下载插件坑：一号博主

醒悟安装vue/cli实现一步到位二号博主

npm i - vue-cli
vue create my-electron-vue-demo 
vue add vue-cli-plugin-electron-builder 
yarn electron:serve

但是打包会出现这个问题

一步到位【还没安装的可以看看这个，一步步安装的可以看看上面】：三号博主

git clone https://github.com/electron-vite/electron-vite-react.git
npm create electron-vite
install会遇到问题按下面的问题总结解决即可

三. 问题总结

1. 环境变量有问题，设置下环境变量

电子请求错误：连接 ETIMEDOUT 20.205.243.166:443

# yarn
yarn config set electron_mirror https://npmmirror.com/mirrors/electron/

# npm
npm config set ELECTRON_MIRROR https://npmmirror.com/mirrors/electron/

2.文件处理有权限问题

根据你所在盘执行命令，据说是提高他的权限

在这里在c:\ 是你要处理的文件路径，后面那个是权限的等级，命令行输入 icacls c:\ /setintegritylevel M

3.依赖包没有下载下来

到winCodeSign-2.6.0上去下载就可以了

5.版本问题

发现最后不是版本问题，不过就此我也在本地环境安装了随意版本切换的脚本工具 github下载nvm

nvm 安装响应的node的版本即可 nvm install 14.15.5

然后就可以根据命令切换想要的版本了

4.淘宝镜像换域名了

npmmirror.com

后续开发实现

npm init
yarn add electron 
<!-- 能边改变更新 -->
yarn add nodemon   
yarn add electron-win-state -S
yarn add electron-builder --dev

需要模板的可前往git上拿，切换到election-vite-vue0130目录即可

Vue3-Electron 开发实现，附坑点