https://github.com/facebook/react-devtools/tree/v3,Download Zip
或
https://gitcode.com/facebook/react-devtools/overview
yarn
% yarn
yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
error An unexpected error occurred: "https://registry.yarnpkg.com/@babel/generator/-/generator-7.1.6.tgz: ETIMEDOUT".
info If you think this is a bug, please open a bug report with the information provided in "/Users/phoenix/Desktop/software/react-devtools-3/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
解决:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
如果还没有解决,在运行:
yarn config set “strict-ssl” false -g
再次运行yarn,成功了
node build.js
运行成功后会在当前目录生成一个build文件夹,build文件夹下的unpacked文件夹即为我们所需要的插件
打开Chrome浏览器-扩展程序,将unpacked文件夹拖入扩展程序
点击React详情,允许访问文件网址打开,刷新浏览器
下载地址:Download React Developer Tools 4.24.3 CRX File for Chrome - Crx4Chrome
打开Chrome浏览器-扩展程序,将下载的文件拖入扩展程序
安装成功