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

完毕!

相关推荐
500844 分钟前
React Native for OpenHarmony 实战:三方库 react-native-url-polyfill 的鸿蒙化适配指南
javascript·react native·react.js·性能优化·electron·harmonyos
补码缩写15 分钟前
视频跳转触发了seeked,画面就到位了吗
前端
库拉镜像AI牛牛20 分钟前
漫剧工作室量产方案:依托知漫剧 AI 短剧降本增效
大数据·服务器·前端·人工智能·语音识别
大纽耶耶27 分钟前
我把 YOLO 训练做成了网页版:需求设计与技术选型
vue.js
不可能片场29 分钟前
内容运营自动化 用相似度拦住撞车选题
前端·electron
静默回滚30 分钟前
视频进度条跳回去,先别改事件监听
前端
大纽耶耶34 分钟前
开发 YOLO 训练管理平台的 23 个实践教训
vue.js
Lank_M34 分钟前
MP4和WebM导出后为何起播与拖动不同
前端
用户55084929025636 分钟前
前端本地存储怎么选:Cookie、localStorage、sessionStorage、IndexedDB 的取舍
前端
用户55084929025636 分钟前
Git 日常命令与分支协作流程:从提交到合并的实战梳理
前端