redux开发者工具包 

链接：https://pan.baidu.com/s/11m-rjKe9AdCSVO-Sl4m1-A 
提取码：pkhw

react开发者工具包

链接：https://pan.baidu.com/s/1iZQi1MRGLXZhI8OLut7Rrg 
提取码：bwtw

 谷歌浏览器扩展程序中选择加载已解压的扩展程序

把已经解压好的开发者工具包，加载进来。

 

然后在项目中运行  npm i redux-devtools-extension，安装所需要的库。

最后在store.js组件中引入。

import {composeWithDevTools} from 'redux-devtools-extension'//引入redux开发者工具
import {createStore,applyMiddleware,combineReducers} from 'redux' //引入store对象
import countReducer from './reducers/count' //引入count组件的reducer
import personReducer from './reducers/person' //引入person组件的reducer
import thunk from 'redux-thunk' //引入redux-thunk，用于支持异步action
const allReducer = combineReducers({  //整合所有reducer
	he:countReducer,
	ren:personReducer
})

export default createStore(allReducer,composeWithDevTools(applyMiddleware(thunk)))

 最后点击谷歌右上角的插件按钮，把redux开发者工具钉在页面上。

图标亮了就可以使用了。