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

完毕!

相关推荐
晓1313几秒前
【Cocos Creator 2.x】篇——第五章 游戏常用关键技术
前端·javascript·vue.js·游戏引擎
英俊潇洒美少年11 分钟前
前端全量资源预加载优化指南(React内置API + Vue实现 + prerender/prefetch深度对比)
前端·react.js·前端框架
道友可好19 分钟前
3 个人,100 万行代码,一行都没人写:OpenAI 的 Harness Engineering 实验
前端·人工智能·后端
W_LuYi18528 分钟前
Tauri + Rust + Vue 3 打造极速轻量桌面应用
java·开发语言·vue.js·rust
winfredzhang35 分钟前
用 Node.js + SQLite + 原生前端写一个本地情绪急救 Web App:情绪降落伞 Mood Parachute
前端·sqlite·node.js·express·情绪管理
qq43569470143 分钟前
Vue03
javascript·vue.js
TrisighT1 小时前
Electron 窗口切后台,我的轮询怎么停了?排查一下午才发现是浏览器搞的鬼
electron·harmonyos
樱花的浪漫1 小时前
Typescript、Zod基础
前端·javascript·人工智能·语言模型·自然语言处理·typescript
Bigger1 小时前
记一次坑爹的 Cloudflare Pages 部署:Failed to load module script 是怎么把我的 SPA 搞挂的
前端·ci/cd·浏览器
用户549591657501 小时前
TinyVue Tree树形控件完全指南
vue.js