错误示范#
先创建 vite 项目
yarn create vite
然后加入 electron 依赖
yarn add --dev electron concurrently cross-env electron-builder wait-on
之后就是无尽的报错
正确示范#
yarn create @quick-start/electron
中间会有几个选项
? 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 的镜像
touch .npmrc && echo "electron.mirror=https://npm.taobao.org/mirrors/electron/" > .npmrc
创建好了直接yarn
安装依赖yarn dev
运行就 ok 了
结尾#
为了创建这个工程,真的是一波三折,最后总结出来用@quick-start/electron
创建项目确实快。