React-developer-tools介紹與安裝使用

俗話說工欲善其事，必先利其器。

這篇博客主要給你們介紹react框架開發調試專用的chrome插件-React-developer-tools的安裝與使用

 

1、安裝

首先你須要***嘎嘎嘎嘎嘎

訪問：Chrome網上應用商店

搜索「react」，搜出來第一條就是React Developer Tools

點擊「添加至Chrome」便可安裝成功

 

2、使用

咱們能夠看到，當打開用react開發的網站，或者是用react開發的本地調試網站的時候，Chrome瀏覽器右上角的React Developer Tools小標籤是會亮起來的。

 

 對於本地搭建的React項目開發網站，咱們就能夠利用React Developer Tools對其進行調試啦。

 

經過React Developer Tools咱們能夠看到每個React組件的類別、內容、綁定的方法等等，爲咱們項目的開發與調試提供了不少的便利 。