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

2024-08-30 13:23:05 浏览数 (2)

错误示范

先创建vite项目

代码语言:shell复制
yarn create vite

然后加入electron依赖

代码语言:shell复制
yarn add --dev electron concurrently cross-env electron-builder wait-on

之后就是无尽的报错

正确示范

代码语言:shell复制
yarn create @quick-start/electron

中间会有几个选项

代码语言:shell复制
? 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的镜像

代码语言:shell复制
touch .npmrc && echo "electron.mirror=https://npm.taobao.org/mirrors/electron/" > .npmrc

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

结尾

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

0 人点赞