1、获取react-devtools包
到github上下载react-devtools文件到本地,下载地址:github.com/facebook/re…
安装方式有两种:
①直接下载zip包
②通过git clone来拷贝到本地
git拷贝命令如下:
git clone https://github.com/facebook/react-devtools/tree/v3.git
2、安装依赖
解压到自己可以找见的目录下,进入到react-devtools-3目录然后安依赖,命令如下:
npm i 或者 cnpm i
3、生成程序包
再进入到react-devtools-3\shells\chrome切换到chrome目录下,运行node build.js,当前目录下会生成build目录 这个build目录下的unpacked目录就是chrome中所需react-devtools的工具扩展程序包
4、添加扩展程序
打开谷歌浏览器,网址输入chrome://extensions/,
选择react-detools-3目录下的shells->chrome中build目录中的unpacked即可
到此 react-devtools安装成功!
这个时候我们再浏览器中打开一个react项目,就会看见这样的