Redux-DevTools(谷歌浏览器调试插件)v2.17.0官方版

Redux-DevTools是一个Google浏览器调试插件，用于调试应用程序的状态变化。redux-devtools用于脱机安装crx文件。通过redux-devtools，我们可以清楚地看到当前商店仓库中的状态是什么样的。在可视化工具的左侧，我们还可以看到触发动作的变化！

施用方式

1.在使用Chrome Redux调试插件之前，我们需要对项目做一些基本的配置。我们想安装项目的一些基本用途，如：react、redux、react-redux等。基本框架如下：

从' redux '中导入redux/引入createStore来创建存储区并应用元数据软件来使用中间件从' Redux '中导入{createStore，applyMiddleware }/引入所有缩减器从' Redux '中导入存储区缩减器./reducer/index . jsx ' export default create store(store reducer)；2.下载并安装redux-devtools。3.如果要使用chrome redux调试插件，需要在项目中安装redux-devtools-extension插件。安装方法如下：在项目中直接执行以下安装命令：NPM安装reducx-devtools-extension-save-dev4。安装成功后，需要在项目中配置reducx-devtools，实际上就是在创建存储时安装reducx-devtools。从' redux '中导入redux/引入createStore来创建存储区和applyMiddleware来使用中间件从' Redux '中导入{createStore，applyMiddleware }/导入所有Redux从'中导入存储区Redux './reduce/index . jsx//使用redux-logger打印日志从' redux-logger'/导入{ create logger }/安装redux-devtools-extension的可视化工具。从' reducx-devtools-extension'/中导入{composewitdevtools}使用日志打印方法，折叠后使动作折叠，看起来很舒服。const logger middleware=create logger({ collapsed : true })；导出默认的create store(store reduce，composewithev tools())；