在chrome中安装react devtools

react

在网上看了几位前辈分享的博客，真的想问一下你自己亲自用过你说的方法吗。。。还都是最新更新的博客别人地址都换了还用老地址。

话不多说直接实际操作

首先地址 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多篇都是已经不能实现安装了

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