起因
最近想尝试一下Electron开发一个TodoList小项目练练手。但按照官网的开发文档，一直都下载包失败。我用nrm切了各种镜像都无可奈何呀，我还FQ了也不行。
yarn add electron --dev
然后百度之后，推荐使用cnpm下载electron。哦吼吼吼，终于下成功了，为此我还专门写了一文章记录，但没想到。。。这只是让我爽一下下而已。下载成功了，而且也能在本地调试electron。
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install -D electron
但但但！！！打包一直不成功，下载依赖一直不行。心想让我放弃，我就放弃，另寻良路。
于是就找了 Electron-Vite。
解决
Electron-vite 的 官网地址传送门： cn.electron-vite.org/guide/
pnpm的官网传送门： pnpm.io/installatio…
但找到Electron-vite 这把神器，还无法劈开Electron这座开发大门。神器指引着我，使用pnpm，你就可以使用我的力量啦。
故各位勇者，开始踏上Electron这座迷宫的时候，请用Electron-Vite + pnpm，直接开门打Boss。
pnpm + Elctron-vite 创建一个初始项目
npm install -g pnpm
pnpm create @quick-start/electron
然后出现一系列选项 我是都选yes
✔ Project name: … <electron-app>
✔ Select a framework: › vue
✔ Add TypeScript? … No / Yes
✔ Add Electron updater plugin? … No / Yes
✔ Enable Electron download mirror proxy? … No / Yes
Scaffolding project in ./<electron-app>...
Done.
然后进到目录里面
pnpm install
pnpm run dev
恭喜运行了electron项目。
打包的话，如果是打包成win的程序，则需要执行build:win命令。
npm run build:win
结语
祝各位勇士不在这些安装上浪费时间，直接开启electron挑战。
