下载
https:///facebook/react/tags

我这里下载的18.0.0

下载react，里面的packages/react-devtools-extensions目录就是chrome等的扩展插件，需要编译下

需要yarn环境编译，如果需要安装yarn，使用命令

npm install --global yarn

yarn是另外一个好用的类似npm的包管理器

cd react（react根目录）
yarn install
yarn build-for-devtools
cd  packages/react-devtools-extensions/
yarn  build:chrome

用npm此时如果报错
Unsupported URL Type “link:”: link:./scripts/eslint-rules
需要把react根目录的package.json修改下
“eslint-plugin-react-internal”: “link:./scripts/eslint-rules”,
改为
“eslint-plugin-react-internal”: “file:./scripts/eslint-rules”,
改好后npm还会有其他问题，所以建议改用yarn，别用npm

编译好的在
packages/react-devtools-extensions/chrome/build
里面的.zip文件
加载到chrome插件，重新打开chrome，再打开react页面，f12就会出现Components和Profiler选项卡（带react图标）

附打包好的
react开发工具 chrome扩展包