轉載地址：https://blog.csdn.net/wp_boom/article/details/79011177
去git上下載react-devtools文件到本地，下載地址： https://github.com/facebook/react-devtools ；
可以直接下載zip安裝包解壓，或者通過git clone來將項目拷貝到本地
git clone https://github.com/facebook/react-devtools.git
【注意】上述源地址已換，最新地址如下：https://github.com/facebook/react-devtools/tree/v3
我是直接在該網頁下載的zip文件，自行解壓的。
進入react-devtools文件夾，用npm安裝依賴，這裏推薦臨時使用淘寶鏡像，快速一點。
npm --registry https://registry.npm.taobao.org install
安裝依賴成功後，我們便可以打包一份擴展程序出來。運行
npm run build:extension:chrome
這裏成功後會顯示
並且會在你的項目目錄中生成一個新的文件夾，react-devtools -> shells -> chrome -> build -> unpacked文件夾
打開chrome擴展程序chrome://extensions/，加載已解壓的擴展程序，選擇第3步中的生成的unpacked文件夾。這時就會添加一個新的擴展程序react-devtools，並在你的瀏覽器右上角會有個react標誌, 就表示成功啦。
————————————————
版權聲明：本文爲CSDN博主「jocchoc」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/wp_boom/article/details/79011177