Chrome浏览器安装react-dev工具

首先我们要下载react-dev工具的压缩包，打开https://github.com/facebook/react-devtools 

示例图

下载完成后，我们解压进入这个文件夹里面，打开git或者cmd运行。

npm --registry https://registry.npm.taobao.org install，来安装依赖。淘宝镜像安装速度比较快，然后会出现

之前的警告和错误没有关系，出现这个就是安装成功了。

然后我们要把这个程序拓展到chrome浏览器上，继续运行 npm run build:extension:chrome

出现这个时候就说明安装成功。

运行之后会生成一个文件夹：react-devtools -> shells -> chrome -> build -> unpacked文件夹

这个时候可以按照上面提示进行运行yarn/npm  run test:chrome ,运行之后会弹出谷歌浏览器安装之后的版本。

右上角出现react的logo和控制台出现react的标识后，就是成功了。

或者打开谷歌的扩展程序，添加刚刚新增的文件夹为拓展程序，添加之后，运行项目，就可以看到

不是react项目的话，右上角的logo是灰色的。

这样就OK了。