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