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

完毕!

相关推荐
llz_112几秒前
web-第六次课后作业
前端·spring boot·后端
爱勇宝9 分钟前
CEO通知5100名员工:今年不涨薪了,钱要投给AI!
前端·后端·程序员
乘风gg18 分钟前
前端死到第几轮了?得物前端部门解散有感!
前端·ai编程·claude
艾伦野鸽ggg22 分钟前
web 组大一下第二次考核
前端·css·html
水煮白菜王28 分钟前
高德地图"未获得商用授权"水印临时移除方案
前端·javascript
库拉AI小李29 分钟前
# 数据清洗与分析:Gemini 3.5 处理 Excel 数据的实操体验
前端·人工智能·后端
小小小小宇29 分钟前
React17 18 19 新增能力、解决问题、原理与使用详解
前端
chushiyunen30 分钟前
vue el-pagination实现分页
javascript·vue.js·elementui
by————组态31 分钟前
Ricon组态可视化编辑器 - 所见即所得的工业画布
前端·javascript·物联网·架构·编辑器·组态
Csvn35 分钟前
面试翻车现场:`Array(100).map(() => 1)` 为什么全为空?
前端