首页  软件  游戏  图书  电影  电视剧

请输入您要查询的软件：

　

软件 Redux-DevTools(谷歌浏览器调试插件) v2.17.0 免费版 
内容

Redux-DevTools是一款非常好用的谷歌浏览器调试插件，用于调试应用程序的状态更改，提供redux-devtools离线安装crx文件，通过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(    )

);
标签 Redux,Devtools,谷歌,浏览器,调试插件
缩略图
软件名称 Redux-DevTools(谷歌浏览器调试插件) v2.17.0 免费版
软件图标
软件大小 1.54MB
发布时间
软件平台
软件语言 简体中文
软件授权 免费软件
操作系统 Windows平台
系统类型
用户评分 4
软件版本
官方网站
官方网址
软件截图
软件总类
软件大类 浏览器插件-其它-谷歌浏览器调试插件下载
软件小类 其它
开发者
主办单位名称
ICP备案名
备案号
使用年龄
下载链接
攻略教程
详细介绍
操控设备
隐私政策
查看权限
敏感权限获取说明
软件类型 国产软件
安全警示 适度休息有益身心健康，请勿长期沉迷于使用电脑或刷手机。
随便看

　

传承兰台文化，共同保存历史记忆！兰台网收藏软件、游戏、图片、图书、电影、电视剧等互联网档案，是免费和可借阅文本、电影、音乐等档案的数字图书馆。

　

Copyright © 2004-2025 xlantai.com All Rights Reserved
更新时间：2025/5/23 1:46:09