如何优雅的创建Electron + Vue3 + Vite项目

错误示范

先创建 vite 项目

Copy
yarn create vite

然后加入 electron 依赖

Copy
yarn add --dev electron concurrently cross-env electron-builder wait-on

之后就是无尽的报错

正确示范

Copy
yarn create @quick-start/electron

中间会有几个选项

Copy
? Add TypeScript? » No / Yes
是否使用TypeScript？如果喜欢TypeScript，请选择Yes。
? Add Electron updater plugin? » No / Yes
是否添加Electron updater插件？选择Yes。
? Enable Electron download mirror proxy? » No / Yes
是否开启Electron镜像下载代理。在国内网络环境，强烈建议选择Yes。

当然了，国内环境的话，可以通过配置文件来设置 electron 的镜像

Copy
touch .npmrc && echo "electron.mirror=https://npm.taobao.org/mirrors/electron/" > .npmrc

创建好了直接yarn安装依赖yarn dev运行就 ok 了

结尾

为了创建这个工程，真的是一波三折，最后总结出来用@quick-start/electron创建项目确实快。