[JavaScript知识库]react项目之安装React调试插件react developer tools

安装React调试插件react developer tools

1. 进入 react-devtools 克隆下载 react-devtools

2. 进入 react-devtools 执行 git checkout v3 切换到分支 v3

3. 安装依赖 执行 npm --registry https://registry.npm.taobao.org install ，当然 npm i 也可以

4. 安装依赖成功后，可以打包一份扩展程序出来 执行命令 npm run build:extension:chrome

5. 并且会在项目目录中生成一个新的文件夹，路径为 react-devtools -> shells -> chrome -> build -> unpacked 文件夹

6. 打开chrome扩展程序chrome://extensions/，加载已解压的扩展程序，选择第5步中的生成的unpacked文件夹。这时就会添加一个新的扩展程序 react-devtools，并在你的浏览器右上角会有个react标志, 就表示成功啦。

操作步骤如下图