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

本文介绍了如何安装和构建最新版vue-devtools v5.3.4。首先从github获取源代码,然后修改manifest.json文件,接着安装依赖并进行构建。在Edge或Chrome浏览器中启用开发者模式,加载扩展程序并指定正确路径,最终成功安装后,vue-devtools的绿色图标高亮显示,标志着安装完成。
摘要由CSDN通过智能技术生成

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、付费专栏及课程。

余额充值