Chrome插件安装 之 安装React-devtools

转自:https://blog.csdn.net/weixin_42670455/article/details/101779788javascript

1.下载

1.1 在GitHub上找到项目

GitHub地址:https://github.com/facebook/react-devtools
在这里插入图片描述
查看说明:
在这里插入图片描述java

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

上面命令执行结束,获得以下信息:
在这里插入图片描述
而且在本地出现以下目录:python

react-devtools\shells\chrome\build\unpacked
1.3 安装过程当中遇到的问题
问题一

克隆项目时报错:RPC failed; curl 56 OpenSSL SSL_read: Connection was reset, errno 10054
在这里插入图片描述
缘由:SSL认证问题react

解决:执行如下命令,以后再次执行克隆git

git config -global http.sslVerify "false"

参考1
参考2github

克隆成功:
在这里插入图片描述web

问题二

安装淘宝镜像依赖时,出现报错: Error: Can't find Python executable "python", you can set the PYTHON env variable.
在这里插入图片描述chrome

可是,下面又出现成功提示:(虽然不是和报错信息相关的)
在这里插入图片描述
而后,这部分报错我暂时没有管,直接进行下一步,最后也安装成功了shell

2.Chrome 添加扩展程序包

2.1 打开Chrome的扩展程序安装,选择“加载已解压的扩展程序”

在这里插入图片描述

2.2 参照下图,将扩展程序添加进Chrome中(选择到unpacked文件夹为止,点击肯定)

在这里插入图片描述

2.3 到此,完成

在这里插入图片描述