Vue+Electron搭建桌面应用

写这篇文章是因为在开发时发现好多文章都过时了

现在网上大部分以前的文章都是推荐用electron-vue搭建的,但经过我的实验,vue-cli 4.0完全不能用啊,这里推荐一个新的插件Vue CLI Plugin Electron BuilderGithub官方文档

这个插件使用也十分方便,首先用vue-cli搭建一个Vue的项目:

# 全局安装vue-cli
npm install -g @vue/cli

# 用vue-cli搭建一个新的项目,其中会需要一些选项,这里不多介绍,可自行查询
vue create <project-name>

# 进入项目
cd <project-name>

之后用添加electron-builder依赖,这里会自动引入Electron,并搭建整个开发环境

# 添加electron-builder依赖
vue add electron-builder

# 安装相关依赖
npm install

# 运行项目
npm run electron:serve

这里主要是推销一下这个插件,并且帮助大家避雷,就不多介绍其它用法了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值