欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Chrome插件安装 之 安装React-devtools

程序员文章站 2022-06-11 15:09:16
...

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

1.下载

1.1 在GitHub上找到项目

GitHub地址:https://github.com/facebook/react-devtools
Chrome插件安装 之 安装React-devtools
查看说明:
Chrome插件安装 之 安装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

上面命令执行结束,得到如下信息:
Chrome插件安装 之 安装React-devtools
并且在本地出现如下目录:

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

克隆项目时报错:RPC failed; curl 56 OpenSSL SSL_read: Connection was reset, errno 10054
Chrome插件安装 之 安装React-devtools
原因:SSL认证问题

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

git config -global http.sslVerify "false"

参考1
参考2

克隆成功:
Chrome插件安装 之 安装React-devtools

问题二

安装淘宝镜像依赖时,出现报错: Error: Can't find Python executable "python", you can set the PYTHON env variable.
Chrome插件安装 之 安装React-devtools

但是,下面又出现成功提示:(虽然不是和报错信息相关的)
Chrome插件安装 之 安装React-devtools
然后,这部分报错我暂时没有管,直接进行下一步,最后也安装成功了

2.Chrome 添加扩展程序包

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

Chrome插件安装 之 安装React-devtools

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

Chrome插件安装 之 安装React-devtools

2.3 到此,完成

Chrome插件安装 之 安装React-devtools