安装React Devtools调试工具最新方法

安装React Devtools调试工具最新方法

最近在学React,想安装一个React的调试工具，在网上看了很所教程几乎都是千篇一律，方法基本上都一样，大部分都已经不能用了，就给大家总结一下安装的方法，避免绕弯路

如果嫌麻烦，直接下载我下载好的插件，然后直接到第5步

链接地址点击下载 提取码：wids

 以下为具体教程，想看的就看看不想看的，直接点击上方的链接下载

详细步骤

1. 首先进入v3分支 点击进入
   如果你想从master分支下载也可以，根据官方的指示还得切换到v3分支，所以本教程就直接从v3分支下载。
   主分支地址 点击进入
   下图是官网提供的从主分支下载的方法，下载之后需要切换到v3分支
   git checkout v3 切换到v3分支
   

2. 下载 有两种方法

   方法1，直接点击下载
   
   方法2： git clone https://github.com/facebook/react-devtools.git 打开git,输入命令下载，不过这个下载的主分支，还得切换分支*（这里不推荐）

3. 解压下载的文件 进入到react-devtools-3目录，cnpm i （或者yarn i 或者npm i）一下安装一下依赖

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

5. 然后打开浏览器 chrome://extensions/ 输入这个进入扩展程序安装页面， 然后点击加载已解压的扩展程序，然后选择unpacked文件夹，就安装成功了

这样就安装成功了，有什么问题，欢迎大家在留言交流解决