vue调试工具vue-devtools安装及使用具体步骤

vue调试工具vue-devtools安装及使用具体步骤:

一、先克隆工具包代码:

https://gitcode.net/mirrors/vuejs/vue-devtools.git

二、安装:

1、安装 yarn 和 镜像,为了节约安装时间:
1️⃣   npm install -g yarn
2️⃣   yarn config set registry https://registry.npm.taobao.org --global
3️⃣   yarn config set disturl https://npm.taobao.org/dist --global
4️⃣   yarn config get registry
2、在vue-devtools目录下打开cmd:
1️⃣  yarn install
2️⃣  yarn run build
3、全局搜索 persistent 字段,把 "persistent":false 改成 true

在这里插入图片描述

4、打开Chrome浏览,打开扩展程序(右上角4个点—>更多工具—>扩展程序—>打开开发者模式开关)。
(1)第一步:

在这里插入图片描述

(2)第二步:

在这里插入图片描述

(3)第三步:上传后显示这个弹窗,说明安装成功了,可以正常使用了。

在这里插入图片描述
注意:如果没有出现下面这图标,可以关闭浏览器重新打开就有了
在这里插入图片描述

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值