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

完毕!

相关推荐
痕忆丶13 小时前
Typora 的替代marktext,marktext切换中文
前端
小二·13 小时前
Spring Boot 3 + Vue 3 全栈开发实战
vue.js·spring boot·后端
羊羊小栈13 小时前
Uplift营销供应链协同决策系统(基于Uplift因果推断与运筹优化算法)
前端·人工智能·算法·毕业设计·大作业
阿猫的故乡13 小时前
Vue组合式函数(Composables)从入门到实战:鼠标跟踪、请求封装、本地存储……全案例拆解
前端·vue.js·计算机外设
Upsy-Daisy13 小时前
Hermes Agent 学习笔记 02:安装、配置与第一次运行
java·前端·数据库
一壶纱14 小时前
一个用于 UniApp 项目的 Pinia 持久化插件
前端·javascript·vue.js
凌涘14 小时前
JS 八大基本类型:一场内存视角的冒险之旅
前端·javascript
心之所向vjuif14 小时前
使用 Gemini 解决前端代码报错问题
前端
San813_LDD14 小时前
[深度学习] 数据序列化格式对比:以日志级别配置为例
xml·java·前端
永远的WEB小白15 小时前
css改变svg图标的颜色
前端·javascript·css