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

完毕!

相关推荐
Mintopia3 分钟前
世界头部大厂的研发如何使用 AI-Coding?
前端
wuhen_n3 分钟前
响应式图片的工程化实践:srcset与picture
前端·javascript·vue.js
学博成5 分钟前
centos7.9 安装 Firefox
前端·firefox
wuhen_n6 分钟前
CDN图片服务与动态参数优化
前端·javascript·vue.js
郝学胜-神的一滴8 分钟前
深入理解Python生成器:从基础到斐波那契实战
开发语言·前端·python·程序人生
Mintopia18 分钟前
为什么要有 Neovate Code?
前端
IT_陈寒23 分钟前
SpringBoot 项目启动慢?5 个提速技巧让你的应用快如闪电 ⚡️
前端·人工智能·后端
英俊潇洒美少年24 分钟前
Vue3暂不支持并发渲染
vue.js
IT_陈寒26 分钟前
SpringBoot自动配置的坑,我把头发都快薅没了
前端·人工智能·后端
xkxnq29 分钟前
第六阶段:Vue生态高级整合与优化(第96天) Vue i18n优化:语言包按需加载+缓存当前语言+避免页面刷新失效
前端·vue.js·缓存