增强Store调试信息主要靠插件配合开发者工具，核心是让状态变化可追溯、可定位、可回放；常用方式包括Redux DevTools Extension、日志中间件、时间旅行插件及类型/运行时校验插件。
在开发中，增强 Store 的调试信息主要靠插件配合开发者工具，核心是让状态变化可追溯、可定位、可回放。
使用 Redux DevTools Extension（React/Vue 兼容）
这是最常用且效果最直接的调试增强方式。它不修改 Store 逻辑，而是通过中间件监听 dispatch 和 state 变化，把动作、前后状态、耗时、调用栈等可视化呈现。
- React + Redux：安装官方扩展后，在
configureStore中启用devTools: true（Redux Toolkit 默认已开启） - Vue + Pinia：Pinia 本身不原生支持 DevTools 扩展，但可通过
pinia-plugin-devtools插件桥接；需在创建 pinia 实例时 use 该插件 - 注意：生产环境务必关闭，避免暴露状态结构或性能开销
添加日志中间件（如 redux-logger 或自定义 logger）
在控制台输出结构化日志，适合快速定位某次 dispatch 是否触发、payload 是否正确、是否被 reducer 处理。
- Redux 场景下，
redux-logger支持过滤 action type、折叠嵌套 state、显示 diff 等配置 - Pinia 用户可用
pinia-plugin-logging，或手写一个简单的插件，在store.$onAction中打印出入参和返回值 - 建议仅在开发环境注入，避免影响构建体积和运行时性能
集成时间旅行与状态快照插件
对复杂异步流程或条件分支多的状态管理，能回退/跳转到任意历史状态，极大提升问题复现效率。
- Redux DevTools 原生支持时间旅行，配合
redux-offline或redux-persist还可持久化部分快照 - Petite-Vue 或 Zustand 用户可搭配
zustand/middleware中的devtools或immer插件，获得不可变更新 + 回滚能力 - 注意：开启快照会增加内存占用，建议限制最大保存数量（如
maxAge: 50）
为 Store 添加类型与运行时校验插件
调试时发现 state 异常，往往源于意外的字段赋值或类型错乱。插件可在 dispatch 时做轻量检查，提前报错。
- Redux：用
redux-immutable-state-invariant检测 reducer 中的直接 mutation - Zustand：启用
vanilla模式 +subscribeWithSelector插件后，可结合zod对每次 set 做 schema 校验 - Pinia：利用
store.$subscribe监听变更，在回调中用console.assert或自定义 validator 检查关键字段
