Redux-DevTools中文版

听说你需要谷歌浏览器调试插件吗?小编在这里赶紧给你找了一款您看看喜不喜欢!Redux-DevTools中文版让你在这里直接就能开始对谷歌浏览器进行调和和相关的操作,Redux-DevTools中文版想要重置浏览器界面和设置个性浏览器的朋友们直接在软件里面修改就可以了!

Redux-DevTools中文版概括介绍

提供redux-devtools离线安装crx文件，通过redux-devtools， 我们可以清晰的看到当前store仓库中的state是怎么样的，在可视化工具的左边，用于调试应用程序的状态更改，我们还可以看到触发的action的变化！

Redux-DevTools中文版使用方法

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。

要想使用chrome redux调试插件，还需要在项目中安装 redux-devtools-extension 插件。其安装方法如下：

即在项目中直接执行下面的安装命令：

npm install redux-devtools-extension --save-dev

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

安装成功后，还需要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( )

　　);

更多谷歌浏览器相关现在尽在谷歌浏览器专区下载哦!