程序员之家 服务器常用软件
快捷导航
您的位置：主页 > 浏览器插件 > 其它 > 谷歌浏览器调试插件下载

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

谷歌浏览器调试插件下载

  • 软件大小：1.54MB
  • 软件语言：简体中文
  • 软件类型：国产软件
  • 软件授权：免费软件
  • 更新时间：2020-08-06 14:51:12
  • 软件类别：其它
  • 软件官网：
  • 网友评分：软件评分
  • 应用平台：Windows平台
1.54MB
360通过 腾讯通过 金山通过
软件介绍人气软件相关文章下载地址↓

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(    )

);

人气软件
下载地址
【找不到分享码？】 下载错误？【投诉报错】
相关文章
网友评论
下载声明

☉ 解压密码：www.jb51.net 就是本站主域名，希望大家看清楚，[ 分享码的获取方法 ]可以参考这篇文章
☉ 推荐使用 [ 迅雷 ] 下载，使用 [ WinRAR v5 ] 以上版本解压本站软件。
☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复，谢谢!
☉ 下载本站资源，如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉ 如果遇到什么问题，请评论留言，我们定会解决问题，谢谢大家支持!
☉ 本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。
☉ 本站提供的Redux-DevTools(谷歌浏览器调试插件) v2.17.0 免费版资源来源互联网，版权归该下载资源的合法拥有者所有。

关注微信公众号

扫一扫


http://www.vxiaotou.com