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

完毕!

相关推荐
谢尔登1 天前
Vue3 响应式系统——computed 和 watch
前端·架构
愚公移码1 天前
蓝凌EKP产品:主文档权限机制浅析
java·前端·数据库·蓝凌
欣然~1 天前
法律案例 PDF 批量转 TXT 工具代码
linux·前端·python
一个小废渣1 天前
Flutter Web端网络请求跨域错误解决方法
前端·flutter
符文师1 天前
css3 新特性
前端·css3
ct9781 天前
WebGL开发
前端·gis·webgl
C_心欲无痕1 天前
前端页面渲染方式:CSR、SSR、SSG
前端
果粒蹬i1 天前
生成式 AI 质量控制:幻觉抑制与 RLHF 对齐技术详解
前端·人工智能·easyui
WordPress学习笔记1 天前
解决Bootstrap下拉菜单一级链接无法点击的问题
前端·bootstrap·html
Never_Satisfied1 天前
C#插值字符串中大括号表示方法
前端·c#