react-devtools v3 工具 安装到 chrom,最新

1、进入官网:https://github.com/facebook/react-devtools

源代码已切换到v3分支,所以等下我们下载的时候需要切换分支

react-devtools v3 工具 安装到 chrom,最新_第1张图片

2、打开git bash

3、克隆项目(注意切换分支),运行命令

git clone -b v3 https://github.com/facebook/react-devtools

如果觉得官网下载慢的话可以切换到码云下载,或者使用github加速网站代理下载(推荐),如下

git clone -b v3 https://gitclone.com/github.com/facebook/react-devtools

react-devtools v3 工具 安装到 chrom,最新_第2张图片

详细可以去该网站了解 https://gitclone.com

react-devtools v3 工具 安装到 chrom,最新_第3张图片

4、进入项目目录 cd reacrt-devtools

在这里插入图片描述

5、安装依赖 npm i

react-devtools v3 工具 安装到 chrom,最新_第4张图片

6、 运行npm run build:extension:chrome命令

react-devtools v3 工具 安装到 chrom,最新_第5张图片

7、在chrome浏览器扩展程序中点击加载已解压文件 选择react-devtools-3\shells\chrome\build\unpacked 文件夹,或者直接拖入

react-devtools v3 工具 安装到 chrom,最新_第6张图片
ok,安装完成

你可能感兴趣的:(react,前端)