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

完毕!

相关推荐
TrisighT2 分钟前
Electron 鸿蒙 PC 上点关闭就真退出了?我花了两天才把“最小化到托盘“做稳
electron·harmonyos
用户94688315057508 分钟前
四、elpis 基于 vue3 完成动态组件库建设
前端
用户2986985301410 分钟前
如何在 JavaScript 和 React 中下载/导出 Excel 文件
前端·javascript·react.js
anyup19 分钟前
uView Pro 正式支持 MCP 协议!让 AI 秒懂你的组件库
前端·uni-app·ai编程
Coffeeee26 分钟前
从 Android 15 到 Android 17,谷歌猝不及防的音频改动
android·前端·google
雪隐33 分钟前
用Flutter做背单词APP-00前言
前端·人工智能·后端
何时梦醒34 分钟前
前端存储全攻略 & JavaScript this 绑定完全指南
前端·javascript·面试
前端百草阁38 分钟前
JavaScript 设计模式(23 种)
开发语言·前端·javascript·设计模式
用户693717500138443 分钟前
AI 领域的 Harness,到底是什么意思?
android·前端·后端
spider_xcxc1 小时前
Redis 深度实践:安全管控、性能压测与持久化分析(二)
运维·前端·redis·云计算·bootstrap·运维开发