chrome浏览器安装react-devtools插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chrome浏览器安装react-devtools插件相关的知识,希望对你有一定的参考价值。

1.进入https://github.com/facebook/react-devtools
在自述文件中可以看到如下图提示 扩展的v3的源代码可以在v3分支中找到

技术图片

2.进入https://github.com/facebook/react-devtools/tree/v3 下载解压文件

3.进入react-devtools-3文件夹 运行 npm install 命令

4.运行 npm run build:extension:chrome命令 出现如下图

技术图片

5.在chrome浏览器扩展程序中点击加载已解压文件 选择react-devtools-3shellschromeuildunpacked 文件夹即可
出现如下图则安装成功

技术图片

以上是关于chrome浏览器安装react-devtools插件的主要内容,如果未能解决你的问题,请参考以下文章

React-DevTools开发者工具安装

react-native 的 react-devtools

react-native 的 react-devtools

react-devtools超级简单安装教程

vue-devtools react-devtools 快速安装的方法

react-devtools:默认情况下,DevTools 监听 localhost 上的 8097 端口。如何定制?