2022-04-14 创建一个桌面应用（electron-vue）

前言：关于如何使用electron-vue框架去搭建一个桌面应用，网络上已经有很多教程说明。
我在这里记录一下操作流程，具体代码来至electron-vue官网。

# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

运行上面这行代码，开始跑项目，我遇到了一个坑：
就是它会报这样的错误：xxx文件不存在。
我紧接着就用cnpm i装了一遍依赖，装完后我就直接运行【yarn run dev】来跑项目，结果这时候它又告诉我【Error: Electron failed to install correctly, please delete node_odules\_emodules/electron and try installing again】
翻译过来是：【错误：Electron未能正确安装，请删除节点_odules\ _emodules/Electron，然后重试安装】
原因是：找不到electron文件这个文件，咋一看，我的依赖里不整整齐齐地躺着一个electron吗。
这时候我按照报错提示，把依赖删了，然后cnpm i，再跑起来。
结果还是不行，我就只能救助网友了。
我找到了一篇文章，根据里面的提示解决了这个问题，具体就是：
先把依赖删了，然后给electron配置个环境变量（是系统变量，变量名【ELECTRON_MIRROR】，变量值【http://npm.taobao.org/mirrors/electron/】），接着就更新依赖，再跑起来，就能打开了。
文章地址：https://blog.csdn.net/XLL20001022/article/details/122777710
说下具体原因：
缓引该文博主的话：
【由于 electron 在 install 之后，是会执行 node install.js 去下载一个平台、版本对应的包，失败的原因就下载这个包，报错了，然后 npm 或者 yarn 在 install 的时候没有任何报错，运行的时候就告诉你上面的错误信息，安装失败了，删了再来永远是不会成功的。】
就是说electron用npm安装的路径和cnpm的不同，前者比后者多了一个v。嗯，，，对！没错就是这样。
注：electron-vue搭建代码具体直接去electron-vue官网看就完事儿了。
electron-vue官网：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
结语：以前单纯用electron搭建项目来玩，开发进度较慢，如果有一套写好的框架去供我调用api那么开发速度自然而言提升很快。