在chrome中安装react devtools

在网上看了几位前辈分享的博客,真的想问一下 你自己亲自用过你说的方法吗 。。。还都是最新更新的博客 别人地址都换了还用老地址。
话不多说 直接实际操作
首先 地址 https://github.com/facebook/react-devtools/releases

在这里插入图片描述

可以看到是最新发布的 我下载的就是源代码压缩3.4.2版本
解压后 得到react devtools-3.4.2版本

进入文件打开cmd或者powershell 执行 npm install

成功下载依赖后 cd shells 进入shells文件下

cd chrome 进入chrome 文件下

也可以直接去chrome文件下打开 cmd 运行node build.js

最后再运行 npm run test:chrome 命令,chrome浏览器会自动启动,此时你会发现React devtools 已经安装成功了

如果不想执行 npm run test:chrome 命令 让chrome自动打开
也是可以手动进行的
1打开chrome 点击如图:
在这里插入图片描述

点击更多工具 扩展程序

也可以 直接chrome://extensions/进入开发者模式

3打开开发者模式
在这里插入图片描述
4点击加载已经解压的扩展程序后 进入react devtools\shells\chrome\build
如图:
在这里插入图片描述
选择unpacked文件即可 这个时候已经成功加入扩展程序了哦~

注意 : react devtools图标必须进入 react项目中才会亮 而且也是再react项目中 检查工具才会 显示react
如图:
在这里插入图片描述

vue devtools 已经有博客了 而且大佬直接给的解压包 下载 安装即可 同react 也是再vue项目中 检查工具才会有显示vue

react devtools 看了10多篇都是已经不能实现安装了

。。。。。。。。。。。。。。。。