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

完毕!

相关推荐
m0_4711996313 小时前
【vue】vue2和vue3响应式原理区别
前端·javascript·vue.js
拜无忧13 小时前
纯css,顺时针3d旋转基座(摩天轮效应)
前端·css
奋斗猿14 小时前
从0到1开发跨平台桌面应用:Electron 实战全指南
前端·electron
之恒君14 小时前
script 标签中的 async 和 defer 的区别
前端·javascript
浪浪山_大橙子14 小时前
使用Electron+Vue3开发Qwen3 2B桌面应用:从想法到实现的完整指南
前端·人工智能
狗哥哥14 小时前
聊聊设计模式在 Vue 3 业务开发中的落地——从一次代码重构说起
前端·架构
shenzhenNBA14 小时前
如何在python文件中使用日志功能?简单版本
java·前端·python·日志·log
掘金泥石流14 小时前
分享下我创业烧了 几十万的 AI Coding 经验
前端·javascript·后端
用户479492835691514 小时前
JavaScript 为什么选择原型链?从第一性原理聊聊这个设计
前端·javascript
new code Boy14 小时前
vscode左侧栏图标及目录恢复
前端·javascript