vue调试工具vue-devtools的安装

6 篇文章 0 订阅

前言

按照网上教程 装了一上午的vue-devtools 也没能成功, 发现 网上大多教程都是克隆的dev分支
但dev分支并没有shells文件, 所以安装一直失败。



安装


dev分支

在这里插入图片描述

master分支

在这里插入图片描述

v 5.1.1分支

在这里插入图片描述



以v 5.1.1 分支为例 进行安装
第一步  克隆指定分支的vue-devtools
git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

第二步  进入新创建的文件夹
cd vue-devtools

第三步  安装依赖
cnpm i

第四步  编译打包
npm run build

第五步  修改manifest.json文件(路径:vue-devtools\shells\chrome\manifest.json)"persistent":false改成true

在这里插入图片描述

加载扩展程序
打开浏览器 找到扩展程序  点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome

在这里插入图片描述

在这里插入图片描述



使用

关于使用

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值