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 到此，完成