Redux DevTools中文版是用于调试应用程序的状态更改的插件。Redux DevTools是一个开源项目,非常适合开发者使用。用户使用该插件可以在浏览器中对Redux项目状态进行调试。除了Redux之外,它还可以与其他处理状态的体系结构一起使用。感兴趣的小伙伴快来下载吧!
Redux DevTools:Redux调试工具插件官方版是为谷歌浏览器用户打造的一款实用调试插件,主要适用于开发者使用,使用该插件可以有效地对应用程序或者网页的状态进行调试操作,这个插件拥有丰富的设置参数和可视化工具,可以随时查看到触发的action的变化,是您调试redux的好帮手。它还可以与处理状态的任何其他体系结构一起使用。
1、下载安装文件
下载插件,并在浏览器安全提示时选择【保留】,在下载文件夹中找到下载好的文件,后缀是.crx 。
说明:若出现安全提示,请选择保留。这是浏览器的默认设置,我们的插件不会危害你的计算机。
2、打开扩展程序安装页面
复制chrome://extensions并粘贴到地址栏,按回车键进入扩展程序安装页面,打开右上角的【开发者模式】。
3、安装插件
将下载好的.crx文件拖拽到到扩展安装页面内,等待数秒,在安装弹窗内点击添加即可。
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( )
);
同类推荐
2021-10-14
立即下载2022-06-18
立即下载2022-06-28
立即下载2022-07-23
立即下载2022-08-16
立即下载2022-09-03
立即下载相关文章
雨滴桌面秀(Rainmeter)怎么添加皮肤
2022-12-25CorelDRAW绘制书本图标矢量图教程
2022-12-25Word技巧_批量删除文档中空格、空行
2022-12-25ES文件浏览器App如何下载百度网盘文件?
2022-12-04如何生成exe文件?Visual Basic生成exe文件的方法
2022-11-26Foxmail搜索邮件很慢的解决方法
2022-11-26驱动精灵修复网卡的技巧
2022-11-26CAD快速看图如何保存修改的图纸?
2022-11-12浩辰CAD看图王该如何修改文字?
2021-12-08如何选购内存?详解内存选购注意事项!
2020-04-28