利用npm安裝 Chrome瀏覽器React 開發調試工具---- React Developer Tools 擴展程序


通過進入: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調試工具了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM