Mac安装react devtools调试工具

1、下载react-devtools包,地址:
https://github.com/facebook/react-devtools/tree/v3
2、进入react-devtools-3目录,
安装依赖:

npm install

打包扩展程序:

npm run build:extension:chrome

Mac安装react devtools调试工具_第1张图片
3、Chrome添加扩展程序
浏览器输入指令:

chrome://extensions/

打开Chrome扩展程序,选中“加载已解压的扩展程序”,选中本地文件react-devtools-3/shells/chrome/build/unpacked目录
4、react-devtools安装完成,运行react项目,打开chrome,开发工具出现react选项

你可能感兴趣的:(Mac安装react devtools调试工具)