首页 > 软件下载 > 网络工具 > 浏览器

Redux DevTools(浏览器调试工具) V2.17.0

软件大小:1.6MB

软件语言:简体中文

软件授权:[db:软件授权]

软件类别:浏览器

更新时间:2021-08-31 00:00:00

官方网站:

应用平台:/Win8/Win7/WinXP

软件等级:

  • 软件介绍
  • 软件截图

Redux DevTools(浏览器调试工具)软件介绍

Redux DevTools是用于调试应用程序的状态更改的插件。Redux DevTools是一个开源项目,非常适合开发者使用。用户使用该插件可以在浏览器中对Redux项目状态进行调试。除了Redux之外,它还可以与其他处理状态的体系结构一起使用。

 

Redux DevTools(浏览器调试工具)

 

Redux DevTools(浏览器调试工具)使用方法

 

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

 

Redux DevTools

 

  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(浏览器调试工具) V2.17.0 [db:软件授权]软件截图
  • Redux DevTools(浏览器调试工具) V2.17.0
  • Redux DevTools(浏览器调试工具) V2.17.0
  • Redux DevTools(浏览器调试工具) V2.17.0 免费版下载地址