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

完毕!

相关推荐
shadow_glory2 分钟前
vue3自定义指令directives
前端·javascript·vue.js
Front思2 分钟前
如何学习Shopify前端开发?
前端·学习
码云骑士5 分钟前
语音合成演示 - Web Speech API
前端
ZC跨境爬虫6 分钟前
跟着 MDN 学CSS day_50:(传统布局方法与网格系统)
前端·css·ui·tensorflow·媒体
薛先生_0998 分钟前
vue-路由模块封装
前端·javascript·vue.js
薛先生_0999 分钟前
vue-router-link实现导航高亮效果
前端·javascript·vue.js
郑州光合科技余经理11 分钟前
海外版外卖系统源码:支付/地图/多语言核心代码实现
android·java·前端·后端·架构·uni-app·php
古韵22 分钟前
TanStack Query 被高估了?这 5 个场景它真不如 alova
前端
颂love32 分钟前
Vue3基础入门
前端·学习·vue3
风吹夏回32 分钟前
Vue 3 路由使用完全指南
前端·vue.js