vue-devtools 最新版v5.3.4安装构建调试过程

vue-devtools 在github的官方地址:默认就是最高版本,目前是v5.3.4

https://github.com/vuejs/vue-devtools.git

安装步骤:(一定要先修改再安装依赖!!!顺序错了,可能会构建失败)

  1. git下载好文件夹

  2. 修改vue-devtools > packages > shells-chrome > manifest.json 文件中的 persistenttrue(旧版本下找到 shells > chrome ,操作过程其实都一样)
    在这里插入图片描述

  3. npm i 安装依赖

  4. npm/yarn run build 构建项目(官方推荐用yarn,我也是用的yarn,但用npm应该也不会有影响)

  5. 浏览器扩展功能打开,并确保开发模式是开启的状态,我目前用的是edge浏览器。安装步骤对chrome同样适用。

  6. 加载解压缩的扩展,并找到你安装的路径,选择相同路径下shell-chrome文件夹。我这里是装在D盘。(旧版本下找到 shells > chrome )
    D:\vue-devtools\packages\shells-chrome

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值