安装React Devtools调试工具

1. 下载

去git上下载react-devtools文件到本地,https://github.com/facebook/react-devtools/tree/v3

image.png

2. npm 安装

npm i

如果安装不成功，请切换镜像

3. 打包chrome扩展插件包

再进入到react-devtools-3\shells\chrome切换到chrome目录下，运行node build.js，当前目录下会生成build目录 这个build目录下的unpacked目录就是chrome中所需react-devtools的工具扩展程序包

image.png

4.在chrome中添加插件

打开谷歌浏览器，网址输入chrome://extensions/， 选择react-detools-3目录下的shells->chrome中build目录中的unpacked即可

image.png

react-devtools安装成功!

用法说明书：https://github.com/facebook/react-devtools/tree/v3#readme