安装使用react devtools的两种方式;
-
作为浏览器扩展 (以chrome为例)
在chrome web store中搜索react developer tools;重新打开对应的react应运,即可开始嗨一下了
-
作为react-devtools app使用 在react-devtools代码仓库中,可以查看具体使用方式(当前只涉及到pc端应运)
step1:建议使用cnpm
npm install -g react-devtools
step2:添加
<script src="http://localhost:8097"></script>
到入口的index.html中(注意添加的位置;同时在发布时,一定要干掉;如果嫌麻烦,可以考虑react-devtools中提到的方案)
step3: 运行命令
react-devtools
最终效果如下图: