步骤:
1.下载devtools
通过命令:git clone https://github.com/facebook/react-devtools.git
将文件下载到本地
2.安装相关依赖
下载完成后,进入react-devtools
目录下,使用npm
安装相关依赖,命令如下:
npm --registry https://registry.npm.taobao.org install
3.编译项目
运行命令:npm run build:extension:chrome
,编译成功后会出现下图界面:
4.安装developer tools
此时,进入目录:\react-devtools\shells\chrome\build
下,会有unpacked
文件夹,如下图:
在浏览器中的地址栏输入chrome://extensions/
,打开扩展程序界面,将文件夹unpacked
拖拽到浏览器的扩展程序界面中即可安装完成;