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

1、下载React Devtools

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

在mac系统的Chrome中安装React Devtools调试工具_第1张图片
使用v3分支

2、安装依赖包

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

3、添加扩展程序

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

你可能感兴趣的:(开发工具,react,devtools,chrome,调试工具,mac)