vue3+electron开发桌面应用

vue3+electron开发桌面应用

创建vue项目

win+R调用命令框

  • 安装vue脚手架
python 复制代码
npm i @vue/cli -g
  • 创建vue项目
python 复制代码
vue create vue-electron
  • 选择vue3
  • 安装Vue CLI Plugin Electron Builder
python 复制代码
# 进入项目
cd vue-electron
# 安装Vue CLI Plugin Electron Builder
vue add electron-builder

在这个过程中,由于网络的原因,Electron可能会安装失败,这时候如果node_modules文件夹中已经有electron文件夹(该文件夹是不完整的electron包,不能运行),那么删除这个文件夹,然后可以使用cnpm重新安装electron。或者挂个梯子。

  • 启动项目
python 复制代码
npm run electron:serve

完毕!

相关推荐
红尘散仙几秒前
一行 `#[specta::specta]`,让 Tauri IPC 有类型
前端·后端·rust
lichenyang45322 分钟前
HarmonyOS HMRouter 接入记录:从普通 Tab Demo 到路由跳转
前端
木斯佳44 分钟前
前端八股文面经大全:腾讯WXG暑期前端一面(2026-05-15)·面经深度解析
前端·面试·笔试
canonical_entropy1 小时前
NOP Chaos Flux 架构演变史:从 AMIS 重写到现代低代码运行时
前端·aigc·ai编程
张元清2 小时前
useEffect 之外:专门处理异步、深比较和 SSR 的 Effect Hook
前端·javascript·面试
小小小小宇2 小时前
前端双Token机制无感刷新(二)
前端
zhangxingchao2 小时前
AI Agent 基础问题系统整理:从 LangChain、LangGraph、MCP 到 Agent 架构、记忆、工具调用与评估体系
前端·人工智能·后端
Moment2 小时前
AI 为什么总喜欢写防御性代码?
前端·后端·面试
浑手营销3 小时前
浑手科技案例分享:133个精准询盘短视频玩法
前端·人工智能·科技
IT_陈寒3 小时前
SpringBoot自动配置的坑,差点让我加班到天亮
前端·人工智能·后端