Redux DevTools - 开发者工具

Redux DevTools是一款可以在浏览器对redux项目状态进行调试的chrome插件,用于调试应用程序的状态更改,提供redux-devtools离线安装crx文件,通过redux-devtools我们可以清晰的看到当前store仓库中的state是怎么样的,使得我们开发过程中很方便地进行调试。

插件简介

在vue中型项目开发的过程中,一般都是要用到vuex这个状态管理工具的,这样可以方便我们管理全局的状态,同时,为了在开发的过程中,更加方便地实时查看到state状态,我们会使用 vue-devtool工具,这样就可以在浏览器中实时看到 state的变化以及触发的mutations 等等。 在react的开发过程中也是如此,redux类似于vue中的vuex,也是状态管理工具,而我们今天要介绍的是一款可以在浏览器中选择使用redux-devtools工具来进行使用了redux项目的开发的chrome插件,通过redux-devtools, 我们可以清晰的看到当前 store 仓库中的 state 是怎么样的,在可视化工具的左边,我们还可以看到触发的action的变化。

该扩展为您的 Redux 开发工作流程提供了增强功能。 除了 Redux,它还可以与处理状态的任何其他架构一起使用。

插件离线安装教程

插件使用说明

1、在使用Chrome Redux调试插件之前,我们需要做一些项目的基本配置。我们要安装到项目的一些基本使用,如: react、redux、react-redux等。基本框架如下:

Redux DevTools - 开发者工具插图

2、安装成功后,还需要redux-devtools在项目中的配置,实际上就是在创建store的时候把redux-devtools安装即可。

Redux DevTools - 开发者工具插图1

Redux DevTools下载地址
Redux DevTools - 开发者工具插图2
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x