npm 安装谷歌插件React devtools

告诉大家这个安装的方法，新版本不适用了！！！安装之后访问项目就会报错！Cannot read property ‘forEach’ of undefined。请大家转战

https://blog.csdn.net/sinat_35803474/article/details/116332089
这篇文章

网上查的有些是用yarn命令装的，我电脑上只有npm命令，目前也用不到yarn，就找到用npm的方法。
第一步：git 克隆react devtools
地址：https://github.com/facebook/react-devtools

2.克隆下来是这样的。
第二步：切换分支
注意这还不能直接下用命令下载依赖什么的，很多博客上都少了一步，或者没有重点说明！我觉得很重要的，一定要切换到v3分支哈，不然就是各种错
1）npm WARN saveError ENOENT: no such file or directory, open ‘D:\myProgram\react-devtools\package.json’

2）A complete log of this run can be found in…,
我们要看readme.md文件哈。git checkout v3

切换分支后，我们就能看到文件结构变了

我们接下来就可以好好玩耍了。
第三步： npm安装依赖
因为我用的是vscode，所以我用vscode打开的终端执行npm命令（实际上是我应该没有配npm的环境变量，导致我的cmd识别不了npm命令。。。呵呵哒，只能用vscode终端）

依赖安装成功

第四步：打包扩展程序

出现这个，表示成功！
** 第五步**：谷歌浏览器添加扩展程序
然后我们的项目目录就会粗线shell\chrome文件夹

1）谷歌点击设置

点击扩展程序

加载已解压的扩展程序

选择项目目录的shells\chrome\build下的unpacked文件夹，点击按钮“选择文件夹”

成功后出现以下结果.完结撒花~