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

完毕!

相关推荐
克里斯蒂亚诺更新5 分钟前
vue3使用pinia替代vuex举例
前端·javascript·vue.js
Benny的老巢15 分钟前
用 Playwright 启动指定 Chrome 账号的本地浏览器, 复用原账号下的cookie信息
前端·chrome
2501_9418053127 分钟前
从微服务网关到统一安全治理的互联网工程语法实践与多语言探索
前端·python·算法
寧笙(Lycode)28 分钟前
前端包管理工具——npm、yarn、pnpm详解
前端·npm·node.js
小夏卷编程30 分钟前
vue2 实现数字滚动特效
前端·vue.js
文心快码BaiduComate31 分钟前
嫌市面上的刷题App太丑,我让Comate帮我写了个“考证神器”
前端·产品
harrain34 分钟前
html里引入使用svg的方法
前端·svg
遗憾随她而去.1 小时前
Webpack5 基础篇(二)
前端·webpack·node.js
Mintopia1 小时前
🧭 一、全栈能力的重心正在从“实现” → “指令 + 验证”转移
前端·人工智能·全栈
Mintopia1 小时前
2025,我的「Vibe Coding」时刻
前端·人工智能·aigc