React Devtools调试工具

下载

由于Google中React Devtools插件需要*下载,我也翻不过去,就不过多叙述了。
可以在git中下载到本地,这里放上插件的git地址
https://github.com/ChestnutNeko/react-tool.git
Clone or download,Download ZIP到本地并解压即可

安装

点击Google浏览器右上角三个小圆点,自定义及控制,打开设置
React Devtools调试工具
打开扩展程序
React Devtools调试工具
点击加载已解压的扩展程序
React Devtools调试工具
选择文件夹并打开即可

使用

打开项目
F12控制台调试
右上角会出现红色的React标志,控制台中有一个Components,打开即可查看清晰的项目结构
React Devtools调试工具
over