注：其实React官方提供了浏览器扩展插件react-devtools（下载地址：https://fb.me/react-devtools），但是需要FQ，有FQ条件的可以直接在官方下载。 下面介绍的是直接在GitHub上把插件源代码拉下 git clone https ...

由于不能科学的上网。网上看资料装上了这个插件，装的过程有点坑。记录一下，希望能帮到和我一样的新手。 1.第一步，克隆下远程仓库的东西。 桌面右键，git-bash。然后输入： 这个过程耗时比较长。 结果： 2.第二步， 进入到react-devtools目录，安装 ...

有时候看网上各路大神，写如何安装react-devtools，大神就是大神，好多步骤一笔带过，导致一些学习者看的一脸懵逼，今天我给大家讲超级简单的react-devtools安装步骤，相信看过的小伙伴儿不存在懵逼状态，那就开始吧！首先声明一下，必须安装Node哦，都准备学react了，node都不 ...

第一步：安装react devtools工具 在当前项目中打开命令行，添加react devtools工具，因为运行的工具有九十几M，下载时需要时间，请耐心等待 第二步：配置package.json中命令 编辑package.json文件，在scripts节点中增加 ...

使用react框架开发的小伙伴肯定都想使用想vue-devtools开发工具一样，可以看见组件的状态，和当前组件里的props，data等等。 当然react也有一个开发者工具，现在废话少说，开始安装。 可以直接访问谷歌应用商店的小伙伴就可以不看安装步骤了！ 安装 我们从githuab上拉 ...

在运行一个React项目的时候浏览器控制台会提醒你去安装react devtools调试工具。 Download the React DevTools for a better development experience: https://fb.me ...

可以在谷歌扩展应用商店里获取这个插件。如果不能访问谷歌应用商店，可以在 npm 网站(www.npmjs.com)上搜索 react-devtools ，然后根据官网指导进行安装。 安装插件后，控制台出现 “Components” 跟 “Profiler” 菜单选项。 查看版本，步骤 ...

为什么要探究react-devtools？这一切都要源于一次痛苦的看代码过程， 刚来字节的时候，要熟悉接触公司内部的业务代码， 上手熟悉就得先找到组件的文件位置，但项目中组件的层层嵌套让我难以定位，以至于页面上随便一个按钮，找到它的位置就要花费一段时间了。 那么，我们能不能自动化这个找的过程 ...