在mac系统的Chrome中安装React Devtools调试工具

1、下载React Devtools

首先到github上下载react-devtools文件到本地,地址https://github.com/facebook/react-devtools

在mac系统的Chrome中安装React Devtools调试工具
使用v3分支

2、安装依赖包

进入到react-devtools-3目录,进行安装依赖
在mac系统的Chrome中安装React Devtools调试工具
在mac系统的Chrome中安装React Devtools调试工具

3、添加扩展程序

安装成功后
在浏览器中打开chrome://extensions/
在mac系统的Chrome中安装React Devtools调试工具
点击加载已解压的扩展程序按钮
选择react-devtools-3/shells/chrome/build/unpacked目录
在mac系统的Chrome中安装React Devtools调试工具
f12打开开发者工具就可以看到了
在mac系统的Chrome中安装React Devtools调试工具