react-devtools是react開發時的一個浏覽器插件，對于各大主流進階浏覽器都有擴充程式可以安裝，官方的位址預設是https://github.com/facebook/react-devtools，但是後來它又內建到了react項目中，是以通過源碼編譯安裝起來給人一種錯覺，到底是安裝react-devtools還是react。如果是直接git clone，還需要切換分支v3，然後建構。
這裡推薦直接通過碼雲上的react-devtools倉庫來擷取源代碼進行建構，原因一個是克隆速度，一個是不用切換分支，克隆之後就可以使用。位址如下：https://gitee.com/mirrors/react-devtools.git
克隆到本地之後：
cd react-devtools
cnpm i
yarn build:extenstion
建構成功的截圖如下：
根據提示，我們可以運作測試：
這個測試預設會打開chrome浏覽器，并且顯示react官網首頁。浏覽器右上角會有一個react的icon，表示擴充程式建構成功且可以安裝。但是這個安裝，貌似是臨時的，如果重新打開浏覽器，這個插件并沒有顯示出來，擴充程式裡面也沒有，這僅僅是一個測試。
真正的安裝，我們需要在擴充程式這個頁面，選擇加載已解壓的擴充程式，找到react-devtools/shells/chrome/build/unpacked目錄即可。
擴充程式安裝成功，最後檢驗，需要運作react的項目，然後打開浏覽器，打開開發者工具選項，檢視到多了一個React的Tab：
到此，可以說react-devtools就是安裝成功，并且可以使用了。