安装React DevTools for Chrome

1、去git上下载react-devtools文件到本地,https://github.com/facebook/react-devtools/tree/v3

2、进入到react-devtools-master文件夹,用npm安装依赖

$ cd react-devtools-master
$ npm --registry https://registry.npm.taobao.org install

在这里插入图片描述

3、安装依赖成功后,我们便可以打包一份扩展程序出来

$ npm run build:extension:chrome 

在这里插入图片描述

4、打开chrome扩展程序chrome://extensions,加载已解压的扩展程序,选择shells/chrome/build/unpacked文件夹。这时就会添加一个新的扩展程序react-devtools,并在你的浏览器右上角会有个react标志。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/assgrsryiy12/article/details/108531166