通过进入:https://github.com/facebook/react-devtools
在readme.md中有介绍yarn安装步骤、说明信息,这里我们改一下,选择用npm安装。
1.建一个文件夹xxx,并用VScode打开
2. git clone https://github.com/facebook/react-devtools.git (用github上的url,clone到当前文件夹)
3. cd react-devtools (进入react-devtools)
4. git checkout v3 (切换v3分支,因为readme有说明 扩展源代码可能在v3分支中被找到)
5. npm install (安装所有依赖)
6. npm run build:extension:chrome (打包)
-------------------------------------------------------------------------------------------------------------------------------------------------
打开Chrome浏览器某一网页:
注意:加载已解压的扩展程序时,先去步骤1创建的xxx文件夹,再按照图示路径找到unpacked。
加载后,打开一个React项目,就可以使用react调试工具了。