安装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

安装React DevTools for Chrome_第1张图片

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

$ npm run build:extension:chrome 

安装React DevTools for Chrome_第2张图片

4、打开chrome扩展程序chrome://extensions,加载已解压的扩展程序,选择shells/chrome/build/unpacked文件夹。这时就会添加一个新的扩展程序react-devtools,并在你的浏览器右上角会有个react标志。
安装React DevTools for Chrome_第3张图片

你可能感兴趣的:(React)