react-devtools的安装

最新推荐文章于 2025-05-30 13:11:23 发布

原创最新推荐文章于 2025-05-30 13:11:23 发布 · 255 阅读

0 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

10 篇文章

订阅专栏

本文提供了详细的步骤来安装React开发者工具Chrome扩展程序。包括克隆仓库、切换分支、安装依赖及构建扩展等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

完整的安装方法

git clone https://github.com/facebook/react-devtools.git
cd react-devtools //切换到工程目录
git checkout v3 // 切换到v3分支

cnpm install  // 安装依赖

npm run build:extension:chrome  //安装依赖成功后，打包一份扩展程序
在浏览器上打开chrome://extensions/
点击 “开发者模式”
点击“加载已解压的扩展程序”
选择 react-detools/shells/chrome/build/unpacked 文件夹，安装完成

在这里插入图片描述
2.打开chrome扩展程序chrome://extensions/，加载已解压的扩展程序，选择shells/chrome/build/unpacked文件夹。这时就会添加一个新的扩展程序react-devtools，并在你的浏览器右上角会有个react标志。