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

完毕!

相关推荐
ssshooter14 小时前
看完就懂 useLayoutEffect
前端·react.js·面试
parade岁月14 小时前
DOM 里有 Tailwind class,为什么样式还是不生效?v4 闭环修复实战
前端·vue.js
ashuicoder14 小时前
vue文件自动生成路由会成为主流
前端·vue.js
白中白1213814 小时前
Vue系列-4
前端·javascript·vue.js
Ai runner14 小时前
Show call stack in perfetto from json input
java·前端·json
晴殇i14 小时前
前端防调试攻防战:如何保护你的JavaScript代码不被“偷窥”?
前端·javascript·面试
清粥油条可乐炸鸡14 小时前
tailwind-variants基本使用
前端·css
2301_8169978814 小时前
虚拟DOM与Diff算法
前端·vue.js·算法
清粥油条可乐炸鸡14 小时前
Vite创建react项目
前端·vue.js