react-devtools是一个浏览器的插件，是用来调试查看react组件代码的，怎么使用？下面我们来看一下。
在运行一个react项目的时候浏览器控制台会提醒你去安装react devtools调试工具
Download the React DevTools for a better development experience: https://fb.me/react-devtools
1
但是上面的链接我基本上没打开过
解决方案：
1、去git上下载react-devtools文件到本地，https://github.com/facebook/react-devtools
2、进入到react-devtools文件夹，用npm安装依赖
npm --registry https://registry.npm.taobao.org install
3、安装依赖成功后，打包一份扩展程序
npm run build:extension:chrome
4、出现一下部分信息，说明打包成功
5、生成文件：，react-devtools -> shells -> chrome -> build -> unpacked文件夹
6、打开chrome扩展程序chrome://extensions/，加载已解压的扩展程序，选择第3步中的生成的unpacked文件夹。
7、这时就会添加一个新的扩展程序react-devtools，并在你的浏览器右上角会有个react标志, 就表示成功啦。
该项目已迁移到github.com/facebook/react
扩展的v3的源代码可以在v3分支中找到。
要从源代码构建v3浏览器扩展：
代码语言：javascript复制git checkout v3
＃安装依赖项并构建解压的扩展
纱线安装
纱线组织：延伸
＃按照屏幕上的说明完成安装
