安装使用react devtools的两种方式;
-
作为浏览器扩展 (以chrome为例)
在chrome web store中搜索react developer tools;重新打开对应的react应运,即可开始嗨一下了


-
作为react-devtools app使用 在react-devtools代码仓库中,可以查看具体使用方式(当前只涉及到pc端应运)
step1:建议使用cnpm
npm install -g react-devtoolsstep2:添加
<script src="http://localhost:8097"></script>到入口的index.html中(注意添加的位置;同时在发布时,一定要干掉;如果嫌麻烦,可以考虑react-devtools中提到的方案)
step3: 运行命令
react-devtools最终效果如下图:


本文介绍了在Chrome浏览器中安装React Devtools的两种方法:一种是作为浏览器扩展,通过Chrome Web Store搜索并安装;另一种是在react-devtools代码仓库获取,以独立应用的方式运行,并在项目的index.html中进行配置。通过这两种方式,开发者可以更方便地调试React应用程序。
1345

被折叠的 条评论
为什么被折叠?



