1、我们从网络上下载这两个插件的rar包，然后解压到当前文件夹，如下图所示：
2、打开Chrome浏览器，点击右上角的更多图标，然后依次选择“更多工具”->“扩展程序”，如下图所示：
3、浏览器打开Chrome://extensions，点击“加载已解压的扩展程序”，如下图所示：
4、浏览选择我们先前解压的ReactDevTools文件夹，如下图所示：
5、提示扩展程序已加载，界面中显示React Developer Tools 3.6.0版本，如下图所示：
6、再次浏览选择我们先前解压的ReduxDevTools文件夹，如下图所示：
7、此时Redux DevTools 2.15.2插件也已经加载，如下图所示：
8、运行我们的React程序，然后点击右上角的更多图标，然后依次选择“更多工具”->“开发者工具”，如下图所示：
9、此时控制台提示js脚本错误，但是在我们安装插件前程序运行正常，如下图所示：
10、我们劐聂赞陶根据上面的js脚本错误提示，在程序中找到/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshengry.js，并定位到第8行代码，我们将该行代码注释掉，如下图所示：
11、然后我们重新通过npm start运行React程序，刷新浏览器查看结果，同时龅歧仲半打开开发者工具，可以看到多出了Redux和React两个标签，我们点击React可以查看当前运行页面的React元素信息，如下图所示：
