安裝方法：1、在git中下載react-devtools文件并解壓；2、打開(kāi)cmd窗口，使用cd命令進(jìn)入react-devtools目錄；3、使用npm工具安裝依賴并打包擴(kuò)展程序；4、在chrome的“擴(kuò)展程序”頁(yè)面中添加擴(kuò)展程序即可。

本教程操作環(huán)境：windows7系統(tǒng)、chrome87&&react16版本，該方法適用于所有品牌電腦。

相關(guān)教程推薦：React視頻教程

在chrome中安裝react開(kāi)發(fā)工具—-react-devtools插件的方法

1.git 下載react-devtools.zip https://github.com/facebook/react-devtools/tree/v3

2.解壓 打開(kāi) 進(jìn)入react-devtools文件夾

3.在文件夾內(nèi)右擊 選擇

或者cmd運(yùn)行，使用cd命令進(jìn)入react-devtools文件 （注意 切換為自己的實(shí)際路徑）

4.進(jìn)入到react-devtools文件夾后，安裝依賴 等待一會(huì) 時(shí)間比較長(zhǎng)

　　npm –registry https://registry.npm.taobao.org install

5.安裝完成 打包一份擴(kuò)展程序

npm run build:extension:chrome

出現(xiàn)以下信息打包成功

成功生成react-devtools-3 -> shells -> chrome -> build -> unpacked文件夾

6.打開(kāi)chrome 地址欄輸入chrome://extensions/打開(kāi)擴(kuò)展程序，選擇–>加載已解壓的擴(kuò)展程序,打開(kāi)的文件夾選擇自己相應(yīng)路徑下的unpacked文件夾即可

7.添加成功