通過進入:https://github.com/facebook/react-devtools
在readme.md中有介紹yarn安裝步驟、說明信息,這里我們改一下,選擇用npm安裝。
1.建一個文件夾xxx,並用VScode打開
2. git clone https://github.com/facebook/react-devtools.git (用github上的url,clone到當前文件夾)
3. cd react-devtools (進入react-devtools)
4. git checkout v3 (切換v3分支,因為readme有說明 擴展源代碼可能在v3分支中被找到)
5. npm install (安裝所有依賴)
6. npm run build:extension:chrome (打包)
-------------------------------------------------------------------------------------------------------------------------------------------------
打開Chrome瀏覽器某一網頁:
注意:加載已解壓的擴展程序時,先去步驟1創建的xxx文件夾,再按照圖示路徑找到unpacked。
加載后,打開一個React項目,就可以使用react調試工具了。