信息来源：React 官方源码仓库
方法一：从浏览器商店直接安装（推荐）
这是最简单的安装方式，直接从以下链接安装浏览器扩展：
- Chrome: Chrome Web Store
- Firefox: Firefox Add-ons
- Edge: Edge Add-ons
方法二：从源码编译安装（用于本地开发）
前置步骤
- 安装依赖包（从仓库根目录执行）：
yarn install
-
构建依赖项 - 选择以下两种方式之一：
选项A：从源码构建（从仓库根目录执行）：
yarn build-for-devtools
选项B：从CI下载最新构建（从仓库根目录执行）：
cd scripts/release
yarn install
./download-experimental-build.js
构建扩展
完成前置步骤后，进入扩展目录并构建：
cd packages/react-devtools-extensions/
# 构建Chrome扩展
yarn build:chrome
# 测试Chrome扩展
yarn run test:chrome
# 构建Firefox扩展
yarn build:firefox
# 测试Firefox扩展
yarn run test:firefox
# 构建Edge扩展
yarn build:edge
# 测试Edge扩展
yarn run test:edge
构建输出位置：
- Chrome:
packages/react-devtools-extensions/chrome/build - Firefox:
packages/react-devtools-extensions/firefox/build - Edge:
packages/react-devtools-extensions/edge/build
将react-main\packages\react-devtools-extensions\chrome\build\unpacked放置在浏览器扩展程序中
放置好后，如果没有生效，则重启浏览器
注意事项：
- DevTools需要依赖本地工作区中的多个NPM包
- 当前需要实验性构建版本，因为DevTools依赖
createRootAPI
错误
Could not find build/COMMIT_SHA file
在执行 yarn build:chrome 时遇到
完整错误信息:
fatal: not a git repository (or any of the parent directories): .git
Error: Could not find build/COMMIT_SHA file.
Did you run scripts/release/download-experimental-build.js script?
原因: 构建需要 Git 提交哈希来标记版本，但当前目录不是 Git 仓库。
直接下载react压缩包时会遇到
解决方法:
# 初始化 Git 仓库（项目根目录执行）
git init && git add . && git commit -m "Initial commit"
# 再次执行
cd packages/react-devtools-extensions/
yarn build:chrome
