react学习之旅七：React Developer Tools调试工具

安装

因为安装到Chrome需要科学上网，所以我将调试工具安装到了火狐浏览器上。

首先打开火狐浏览器，选择“附加组件”这一项

在“扩展”中搜索React Developer Tools

选择该项进行安装，安装成功后会在菜单栏中出现一个react的灰色小图标

可以在浏览器中输入我们项目的地址进行访问，会发现小图标变为橙色，说明我们的项目用react开发并且还没有上线

按F12，可以清楚的看到相关数据

这个调试工具可以替代我们用来调试的console.log()，跟踪数据的变化，给开发带来了很大的便捷。