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

完毕!

相关推荐
NEXT06几秒前
前端即导演:用纯 CSS3 原力复刻《星球大战》经典开场
前端·css
南山老沙17 分钟前
VUE 项目通过electron-builder打包成桌面应用
electron·vue
Irene199134 分钟前
Vue3 <script setup> 中不需要使用 defineComponent
vue.js·definecomponent
confiself36 分钟前
前端代码渲染截图方案
前端
xkxnq1 小时前
第二阶段:Vue 组件化开发(第 21天)
前端·javascript·vue.js
阿珊和她的猫1 小时前
深入理解 React 中的 Render Props 模式
前端·react.js·状态模式
内存不泄露1 小时前
基于 Spring Boot 的医院预约挂号系统(全端协同)设计与实现
java·vue.js·spring boot·python·flask
IT_陈寒1 小时前
SpringBoot 3.0实战:10个高效开发技巧让你的启动时间减少50%
前端·人工智能·后端
im_AMBER1 小时前
前端 + agent 开发学习路线
前端·学习·agent