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

react

安装

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

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

在“扩展”中搜索React Developer Tools

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

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

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

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

以上是 react学习之旅七:React Developer Tools调试工具 的全部内容, 来源链接: utcz.com/z/383180.html

回到顶部