Chrome浏览器安装vue调试工具遇到问题及过程

3 篇文章 0 订阅
博客作者遇到了在Chrome上安装最新版Vue DevTools的困扰,由于yarninstall失败,决定安装v5.1.1版本。他们详细描述了解压文件、使用npm、修改manifest.json以及手动拖放安装的步骤,最终成功安装并提醒需要重启浏览器以使用。
摘要由CSDN通过智能技术生成

现在进官网下载的 Chrome浏览器vue调试工具是最新版本的
不能用 npm install 安装,要使用 yarn

但是 我全局安装 yarn 成功了,yarn -version 也得到了 yarn的版本
可 yarn install 还是失败了,原因找了很久还是找不到
浪费了很多时间,索性放弃安装最新的,选择安装v5.1.1版本的
下载链接:vue-devtools-5.1.1

然后就可正常安装流程了:

1、解压压缩包

2、打开 cmd,进到解压的文件夹中

3、npm install (建议用 cnpm,不然真的要等好久)

4、npm run build

5、到文件夹中 找 shells -> chrome -> manifest.json
将"persistent": false 改成"persistent": true

6、打开Chrome浏览器,点击右上角的菜单 -> 更多工具 -> 扩展程序 ->开发者模式
把 shells -> chrome文件拖到空白处即可,
注意安装完需要重启一下浏览器才能使用,使用时打开F12控制台,console的菜单更多里面,点击vue即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梁什么鸭,

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值