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

完毕!

相关推荐
BingoGo几秒前
CSS 也要支持 if 了 !!!CSS if() 函数来了!
前端·css
用户6600676685394 分钟前
深入解析JavaScript数组:从内存原理到高效遍历实践
前端·javascript
有点笨的蛋6 分钟前
CSS 定位彻底搞懂:五种 position 的真实差异与最佳实践
前端·css
液态不合群13 分钟前
数字化转型改变了什么?从技术底层到业务本质的深度重构
前端·人工智能·低代码·重构
qiao若huan喜14 分钟前
9、webgl 基本概念 + 复合变换 + 平面内容复习
前端·javascript·信息可视化·webgl
梦幻通灵29 分钟前
Edge浏览器好用插件【持续更新】
前端·edge
sTone8737533 分钟前
Chrome devtools二次开发准备:获取源码和编译
前端·google
龙泉寺天下行走37 分钟前
[Powershell入门教程]第4天:模块、脚本编写、错误处理与 .NET 集成
java·服务器·前端
晴天丨44 分钟前
Vite:下一代前端构建工具深度解析与实践指南
前端
多来哈米1 小时前
Jenkins配置vue前端项目(最简单的操作)
运维·前端·jenkins