Redux DevTools是用于调试应用程序的状态更改的插件。Redux DevTools是一个开源项目,非常适合开发者使用。用户使用该插件可以在浏览器中对Redux项目状态进行调试。除了Redux之外,它还可以与其他处理状态的体系结构一起使用。
插件介绍
Redux DevTools用于调试应用程序的状态更改。该扩展为Redux开发工作流程提供了启动功能。这是一个开源项目。
使用方法
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( )
);
安装说明
1、下载安装文件
下载插件,并在浏览器安全提示时选择【保留】,在下载文件夹中找到下载好的文件,后缀是.crx 。
说明:若出现安全提示,请选择保留。这是浏览器的默认设置,我们的插件不会危害你的计算机。
2、打开扩展程序安装页面
复制chrome://extensions并粘贴到地址栏,按回车键进入扩展程序安装页面,打开右上角的【开发者模式】。
3、安装插件
将下载好的.crx文件拖拽到到扩展安装页面内,等待数秒,在安装弹窗内点击添加即可。
网络辅助
网络辅助
网络辅助
网络辅助
网络辅助
网络辅助
百度输入法全新升级,基于文心一言为用户打造了全能AI助理超会写,支持写作、聊天、搜索等多项功能,全方位辅助创作,操作便捷。百度输入法还拥有智能联想功能,海量最新词汇与精准匹配,中英混...
优效文件助手拥有强大的搜索功能,可以快速定位文件,支持多种搜索条件,满足用户多样的需求,还支持文件预览和加密保护,确保文件安全。优效文件助手软件界面简洁易用,操作便捷,帮助用户轻松...
优效日历保留了Win10/11系统自带日历的简洁界面、显示全面等特点,融入了日程提醒、待办清单、番茄钟、计时器、定时关机等多项功能,轻松应对用户多样的使用需求。软件操作轻松易上手,通过优效...
酷我音乐最新电脑版是简单好用的音乐播放软件,酷我音乐最新电脑版拥有海量的热歌、新歌,用户随时随地都能听。软件内用户可一键搜索喜欢的音乐资源,还支持自动拉取精准歌词及高清专辑图片。软...
Stardock Start11软件是一款第三方Windows任务栏优化工具,使用这个软件可以让我们的电脑系统任务栏更加的美观和实用。软件中提供了多种不同的菜单栏风格可以选择,用户可以根据自己的心情来进...
浆果录屏电脑版是一款操作简单的屏幕录制工具,支持用户随时随地轻松录制高清视频,畅享稳定流畅的极致体验。浆果录屏电脑版具有全屏、区域录制功能,用户可自由选择需要录屏的范围,还支持录制...
发表评论
共0条
评论就这些咯,让大家也知道你的独特见解
立即评论以上留言仅代表用户个人观点,不代表系统之家立场