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

完毕!

相关推荐
渐儿14 小时前
React Native 实操开发文档
前端
HYCS14 小时前
用pixijs实现fabricjs(三):对象继承链和自定义对象
前端·javascript·canvas
渐儿14 小时前
Electron 实操开发文档
前端
小则又沐风a14 小时前
深入了解进程概念 第二章
java·linux·服务器·前端
亲亲小宝宝鸭14 小时前
微前端方案探索:qiankun
前端·微服务
渐儿14 小时前
跨端框架实操开发文档:Electron / Tauri / React Native
前端
ZC跨境爬虫14 小时前
跟着 MDN 学 HTML day_60:(表单与按钮技能测试实战)
服务器·前端·javascript·数据库·ui·html
lihaozecq14 小时前
做 Agent SDK 必须支持的插件能力:8 个钩子搞定横切关注点
前端·agent·ai编程
秦歌66615 小时前
Agent Skills详解
服务器·前端·数据库
ljt272496066115 小时前
Vue笔记(四)--组件基础
前端·vue.js·笔记