Chrome插件安裝 之 安裝React-devtools

轉自：https://blog.csdn.net/weixin_42670455/article/details/101779788

1.下載

1.1 在GitHub上找到項目

GitHub地址：https://github.com/facebook/react-devtools

查看說明：

1.2 執行命令：

（1）克隆項目: git clone https://github.com/facebook/react-devtools.git

（2）進入 react-devtools: cd react-devtools

（3）切換分支(v3): git checkout v3

（4）npm 安裝依賴: npm --registry https://registry.npm.taobao.org install

（5）npm 打包擴展程序: npm run build:extension:chrome

上面命令執行結束，得到如下信息：

並且在本地出現如下目錄：

react-devtools\shells\chrome\build\unpacked

1.3 安裝過程中遇到的問題

問題一

克隆項目時報錯：RPC failed; curl 56 OpenSSL SSL_read: Connection was reset, errno 10054

原因：SSL認證問題

解決：執行以下命令，之後再次執行克隆

git config -global http.sslVerify "false"

參考1
參考2

克隆成功：

問題二

安裝淘寶鏡像依賴時，出現報錯： Error: Can't find Python executable "python", you can set the PYTHON env variable.

但是，下面又出現成功提示：（雖然不是和報錯信息相關的）

然後，這部分報錯我暫時沒有管，直接進行下一步，最後也安裝成功了

2.Chrome 添加擴展程序包

2.1 打開Chrome的擴展程序安裝，選擇“加載已解壓的擴展程序”

2.2 參照下圖，將擴展程序添加進Chrome中（選擇到unpacked文件夾爲止，點擊確定）

2.3 到此，完成