React-developer-tools介绍与安装使用


俗话说工欲善其事,必先利其器。

这篇博客主要给大家介绍react框架开发调试专用的chrome插件-React-developer-tools的安装与使用

 

一、安装

首先你需要科学上网嘎嘎嘎嘎嘎

访问:Chrome网上应用商店

搜索“react”,搜出来第一条就是React Developer Tools

点击“添加至Chrome”即可安装成功

 

二、使用

我们可以看到,当打开用react开发的网站,或者是用react开发的本地调试网站的时候,Chrome浏览器右上角的React Developer Tools小标签是会亮起来的。

 

 对于本地搭建的React项目开发网站,我们就可以利用React Developer Tools对其进行调试啦。

 

通过React Developer Tools我们可以看到每一个React组件的类别、内容、绑定的方法等等,为我们项目的开发与调试提供了很多的便利 。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM