首先我们要下载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了。
网友评论