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

完毕!

相关推荐
Youyzq8 分钟前
前端项目发布到cdn上css被编译失效问题rgba失效和rgb失效
前端·css·算法·cdn
Fantastic_sj33 分钟前
Vue3相比Vue2的改进之处
前端·javascript·vue.js
vipbic44 分钟前
解决npm publish的404/403和配置警告全记录
前端·npm·node.js
Bigger1 小时前
🚀 “踩坑日记”:shadcn + Vite 在 Monorepo 中配置报错
前端·react.js·vite
冬男zdn2 小时前
优雅处理数组的几个实用方法
前端·javascript
Kaze_story3 小时前
Vue第四节:组件化、组件生命周期
前端·javascript·vue.js
yuzhiboyouye3 小时前
web前端开发自测清单
前端
妮妮分享3 小时前
H5获取定位的方式是什么?
java·前端·javascript
weixin_439930643 小时前
前端js日期计算跨月导致的错误
开发语言·前端·javascript
niujiangyao3 小时前
vue v-for列表渲染, 无key、key为index 、 有唯一key三种情况下的对比。 列表有删除操作时的表现
vue.js