前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >如何优雅的创建Electron + Vue3 + Vite项目

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

原创
作者头像
用砖头敲代码
发布2024-08-30 13:23:05
发布2024-08-30 13:23:05
2422
举报
文章被收录于专栏:用砖头敲代码用砖头敲代码

错误示范

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 错误示范
  • 正确示范
  • 结尾
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档