前言

redux-devtools-extension: 是一个用于Redux的开发者工具扩展。适合用于需要调试和监控Redux应用的状态管理。特点是可以提供实时的状态查看、行动日志和错误检测等

安装

chrome安装redux-devtools-extension
在这里插入图片描述

项目中安装并引入redux-devtools-extension

yarn add redux-devtools-extension

在这里插入图片描述

//引入redux-devtools-extension
import {composeWithDevTools} from 'redux-devtools-extension'

导出store时包裹数据

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

在这里插入图片描述
此时重新运行项目,插件图标亮起
在这里插入图片描述

使用方法(部分)

查看当前store存储的数据

在这里插入图片描述

监视每个action操作并且可以跳转到任意action状态

在这里插入图片描述

回放redux监视下数据的变化过程

在这里插入图片描述

GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:3 个月前 )
79116147 - 4 个月前
f0359002 - 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐