react-devtools简单安装教程

1.首先打开官网:https://github.com/facebook/react-devtools

发现好像主分支是空的,不慌不慌,继续走着
react-devtools简单安装教程
那咱就进去v3分支,地址:https://github.com/facebook/react-devtools/tree/v3,直接download ZIP格式
react-devtools简单安装教程
2.知道下载位置,解压到自己可以找见的目录下,进入到react-devtools-3目录,cnpm i一下安装一下依赖

react-devtools简单安装教程
3.再进入到react-devtools-3\shells\chrome切换到chrome目录下,运行node build.js,当前目录下会生成build目录 这个build目录下的unpacked目录就是chrome中所需react-devtools的工具扩展程序包
react-devtools简单安装教程
4.打开谷歌浏览器,网址输入chrome://extensions/, 选择react-detools-3目录下的shells->chrome中build目录中的unpacked即可
react-devtools简单安装教程
到此 react-devtools安装成功!