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

完毕!

相关推荐
天蓝色的鱼鱼30 分钟前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_233333 分钟前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app
HelloReader36 分钟前
Flutter Widget 基础手把手教你创建自定义组件(二)
前端
Hilaku40 分钟前
在 HTTP/3 普及的 2026 年,那些基于 Webpack 的性能优化经验,有一半该扔了
前端·javascript·面试
前端付豪43 分钟前
AI 数学辅导老师项目构想和初始化
前端·后端·python
HelloReader43 分钟前
从零创建你的第一个 Flutter 应用(一)
前端
程序员阿峰44 分钟前
别再写JS监听滚动了!一行CSS搞定导航固定+通讯录效果(附3个案例)
前端
wordbaby1 小时前
前端进阶:小程序 Canvas 2D 终极指北 — 给图片优雅添加水印
前端·canvas
树上有只程序猿1 小时前
OpenClaw虽香,但不是人人都养得起“小龙虾
前端·openai
小黑的铁粉1 小时前
vue中怎么监测一个div的宽度变化
vue.js