史上最简单 Chrome (谷歌浏览器) 安装 React Developer Tools 扩展工具包

话不多说,直接上干货。。。

一、Git 下载 react-devtools:

史上最简单 Chrome (谷歌浏览器) 安装 React Developer Tools 扩展工具包_第1张图片
1、我在这里为大家省些事儿,直接把所有命令给大家安排上:

# 1.克隆项目(这里默认大家已经安装 Git)
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

2、完成上面一系列操作后,查看是否有这个文件夹:

react-devtools/shells/chrome/build/unpacked

二、Chrome 添加扩展程序包:

1、Chrome 导航栏输入:

chrome://extensions/

史上最简单 Chrome (谷歌浏览器) 安装 React Developer Tools 扩展工具包_第2张图片
2、点击 加载已解压的扩展程序,然后选择下面这个路径后点击确定就可以了:

react-devtools/shells/chrome/build/unpacked

史上最简单 Chrome (谷歌浏览器) 安装 React Developer Tools 扩展工具包_第3张图片
3、完成:
史上最简单 Chrome (谷歌浏览器) 安装 React Developer Tools 扩展工具包_第4张图片

你可能感兴趣的:(史上最简单 Chrome (谷歌浏览器) 安装 React Developer Tools 扩展工具包)