banner
MoLeft

MoLeft's xLog

Hey! Welcome to my Xlog. The no blackchains on https://www.moleft.cn
github
email

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

错误示范#

先创建 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创建项目确实快。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。