ElectronVue系列 -- 1.迅速搭建最新的脚手架,不再使用electron-vue

参考如下链接搭建即可,整合最新版本的vueelectron,搭建脚手架

手把手教你使用Electron5+vue-cli3开发跨平台桌面应用

  • 不使用 SimulatedGREG/electron-vue
    SimulatedGREG/electron-vue已经很久没有更新了,而且其生成的工程结构并不是vue-cli3,所以放弃使用。而且安装下载的时候,一直下载不下来,非常恼火。
搭建命令简单记录如下(按照顺序)

记得先将npm源,换到国内淘宝镜像,速度快很多

  1. 确认vue cli版本,需要大于等于3,否则需升级
// 升级命令
npm update @vue/cli -g
C:\Users\Administrator>vue -V
@vue/cli 4.2.2
  1. 创建项目文件夹,初始化项目,相关配置选项可参考引用中的参考
vue create electron-vue-demo
  1. 初始化项目后,安装electron
cd electron-vue-demo   // 进入根目录
vue add electron-builder
  1. 安装electron成功后,下载依赖
npm install
  1. 启动demo脚本
npm run electron:serve

以上,即可整合最新版本的vueelectron

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值