redux devtools安装

Redux DevTools是一个用于监视和调试Redux应用程序状态变化的工具。它作为一个独立的浏览器插件，可以附加到Redux应用上，帮助开发者追踪和控制store的状态。以下是安装步骤：

1. 首先，你需要在项目中安装`redux-devtools-extension`库。如果你使用npm，可以在命令行运行：

   npm install redux-devtools-extension

或者使用Yarn：

   yarn add redux-devtools-extension

2. 如果你想在Chrome上使用，还需要下载并安装官方的Chrome扩展程序，访问这个链接：https://github.com/zalmoxisus/redux-devtools-extension

3. 安装完成后，需要配置Redux store来启用devtools。通常会配合Redux的中间件`createDevToolsMiddleware`一起使用，例如：

   import { createStore, applyMiddleware } from 'redux';
   import createSagaMiddleware from 'redux-saga';
   import devToolsEnhancer from 'redux-devtools-extension/extension'; // 引入DevTools enhancer

   const sagaMiddleware = createSagaMiddleware();

   const store = createStore(
     yourReducer,
     applyMiddleware(sagaMiddleware, devToolsEnhancer())
   );

4. 最后，在浏览器中打开DevTools，选择你的Redux应用，就可以看到store状态的变化历史了。