使用React Develop Tools工具可以方便React项目的开发调试,所以需要安装,这里推荐安装Chrome浏览器插件形式的React Develop Tools。
首先因为众所周知的原因,国内访问不了Chrome应用商店,所以需要自行下载扩展插件包。下载地址:https://github.com/facebook/react-devtools
点击旁边的release列表:
image.png

进入下载页面,点击安装包连接进行下载:
image.png

打开Chrome浏览器,按找到扩展程序页面:
image.png

打开开发者模式:
image.png

把下载下来的zip包解压,使用“加载以解压的扩展程序”按钮把扩展包导入,选择到解压包最外层的目录就可以。
image.png

完成安装:
image.png

安装完成后,Chrome会出现一个chrome图标:
image.png

Q.E.D.