安装React Devtools调试工具

1. 下载

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

image.png

2. npm 安装

npm i

如果安装不成功，请切换镜像

3. 打包chrome扩展插件包

再进入到react-devtools-3\shells\chrome切换到chrome目录下，运行node build.js，当前目录下会生成build目录 这个build目录下的unpacked目录就是chrome中所需react-devtools的工具扩展程序包


image.png

4.在chrome中添加插件

打开谷歌浏览器，网址输入chrome://extensions/， 选择react-detools-3目录下的shells->chrome中build目录中的unpacked即可

image.png

react-devtools安装成功!

用法说明书：https://github.com/facebook/react-devtools/tree/v3#readme

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容