Redux-DevTools是一款实用的chrome浏览器调试插件。这款插件用于调试应用程序的状态更改，提供redux-devtools离线安装crx文件。用户通过redux-devtools插件可以看到当前store仓库中的state是怎样的，在可视化工具的左边，还可以看到触发的action的变化。Redux-DevTools插件适合开发者使用，可以有效地对应用程序或者网页的状态进行调芳操作，这款插件拥有丰富的设置参数，是调试redux的好帮手。有需要的小伙伴们，快来下载体验吧!
1、可以清晰的看到当前 store 仓库中的 state 是怎么样
2、在可视化工具的左边，我们还可以看到触发的action的变化
1、在使用Chrome Redux调试插件之前，我们需要做一些项目的基本配置。我们要安装到项目的一些基本使用，如： react、redux、react-redux等。基本框架如下： import Redux from 'redux' // 引入createStore创建store，引入applyMiddleware 来使用中间件 import {createStore, applyMiddleware} from 'redux' // 引入所有的reducer import storeReducer from '/Reducer/index.jsx' export default createStore（storeReducer）；
2、下载安装redux-devtools。
3、要想使用chrome redux调试插件，还需要在项目中安装 redux-devtools-extension 插件。其安装方法如下： 即在项目中直接执行下面的安装命令： npm install redux-devtools-extension --save-dev
4、安装成功后，还需要redux-devtools在项目中的配置，实际上就是在创建store的时候把redux-devtools安装即可。 import Redux from 'redux' // 引入createStore创建store，引入applyMiddleware 来使用中间件 import {createStore, applyMiddleware} from 'redux' // 引入所有的reducer import storeReducer from '/Reducer/index.jsx' // 利用redux-logger打印日志 import {createLogger} from 'redux-logger' // 安装redux-devtools-extension的可视化工具。 import { composeWithDevTools } from 'redux-devtools-extension' // 使用日志打印方法， collapsed让action折叠，看着舒服。 const loggerMiddleware = createLogger（{collapsed: true}）； export default createStore（ storeReducer, composeWithDevTools（ ） ）；
