站内搜索
编辑推荐
本类下载榜
软件简介
Redux DevTools是一款专门为浏览器推出的调试插件。在寻找好用的调试插件吗?那么就来试试小编带来的这款Redux DevTools。该款插件可以用于调试应用程序的状态更改,我们可以清晰的看到当前store仓库中的state是怎么样的,在可视化工具的左边,我们还可以看到触发的action的变化。如有需要欢迎前来使用!
1、在使用Chrome Redux调试插件之前,我们需要做一些项目的基本配置。我们要安装到项目的一些基本使用,如: react、redux、react-redux等。基本框架如下:
import Redux from 'redux'
// 引入createStore创建store,引入applyMiddleware 来使用中间件
import {createStore, applyMiddleware} from 'redux'
// 引入所有的reducer
import storeReducer from '../Reducer/index.jsx'
export default createStore(storeReducer);
2、安装redux-devtools。
3、要想使用chrome redux调试插件,还需要在项目中安装 redux-devtools-extension 插件。其安装方法如下:
即在项目中直接执行下面的安装命令:
npm install redux-devtools-extension --save-dev
4、安装成功后,还需要redux-devtools在项目中的配置,实际上就是在创建store的时候把redux-devtools安装即可。
import Redux from 'redux'
// 引入createStore创建store,引入applyMiddleware 来使用中间件
import {createStore, applyMiddleware} from 'redux'
// 引入所有的reducer
import storeReducer from '../Reducer/index.jsx'
// 利用redux-logger打印日志
import {createLogger} from 'redux-logger'
// 安装redux-devtools-extension的可视化工具。
import { composeWithDevTools } from 'redux-devtools-extension'
// 使用日志打印方法, collapsed让action折叠,看着舒服。
const loggerMiddleware = createLogger({collapsed: true});
export default createStore(
storeReducer,
composeWithDevTools( )
QQ空间刷留言工具|QQ空间小助手 v2.0绿色免费版
电脑助手之中键关网页v1.5绿色版_自定义鼠标中键关闭网页
QQ空间漫步者v2.4绿色版_增加QQ网空间访问量
ADSL宽带网络测速工具v1.0绿色版_集合域名查询、IP属性查询
百度文库自动评分工具 V5.3 绿色版
百度ID批量注册(百度账号批量注册)v2.0绿色版_批量注册百度ID
VideoCacheView(视频缓存提取器) v2.45简体中文绿色版
快播解除限制工具 v1.01 绿色版
流量宝(刷ALEXA排名) 2.3.1437 绿色免费版
VideoCacheView (缓存提取视频)3.06 汉化绿色版
P2pSearcher云播版6.48 绿色干净版
新浪微博刷关注软件|新浪微博刷关注工具 v2.5绿色免费版
IE缓存文件提取器V2.1绿色版_提取缓存中视频\音频\图片\动画
论坛在线时间挂机软件(终结版) 绿色版
天健论坛自动顶贴器[专业版]v1.0绿色版_轻松顶贴到首页
115网盘真实地址解析工具v1.51绿色版_把115网盘地址转换普通地址