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

完毕!

相关推荐
clove2 分钟前
JavaScript 提升(Hoisting)与声明优先级:一篇文章说透
前端
七牛开发者6 分钟前
不写框架、不用 npm,我用 AI Coding 做了一个家庭记忆站
前端·人工智能·npm
@PHARAOH10 分钟前
WHAT - npm和corepack
前端·npm·node.js
不爱学英文的码字机器10 分钟前
被 AE 的关键帧折磨过的人,应该试试这个用 React 写视频的路子
前端·react.js·音视频
Csvn11 分钟前
组合式函数
前端·vue.js
CodeSheep14 分钟前
中国编程第一人,一人抵一城!
前端·后端·程序员
GISer_Jing15 分钟前
Claude Code项目配置终极指南
前端·ai·ai编程
MPGWJPMTJT18 分钟前
从 Volta 迁移到 mise:Windows 下 Node 版本管理切换记录
前端·node.js
米丘18 分钟前
vue3.x 调度器(Scheduler)实现机制
前端·javascript·vue.js