Redux DevTools
Redux DevTools可以为网页扩展调试功能，开发者可以在它提供的面板中轻松访问Redux开发工具，检查项目的每个状态和操作负载等。为了正常使用开发工具，需要提前做一些配置准备，例如安装React组件作为开发工具的UI。
插件引见
Redux DevTools用于调试运用顺序的状况更改。该扩大为Redux开辟任务流程供给了启动性能。这是一个开源项目。
运用方式
1、在运用Chrome Redux调试插件之前，我们需求做一些项目标根基设置。我们要装载到项目标一些根基运用，如： react、redux、react-redux等。
import Redux from lsquo;reduxrsquo;。
// 引入createStore建立store，引入applyMiddleware 来运用中心件。
import {createStore， applyMiddleware} from lsquo;reduxrsquo;。
// 引入一切的reducer。
import storeReducer from lsquo;。。/Reducer/index.jsxrsquo;。
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 lsquo;reduxrsquo;
// 引入createStore建立store，引入applyMiddleware 来运用中心件。
import {createStore， applyMiddleware} from lsquo;reduxrsquo;
// 引入一切的reducer。
import storeReducer from lsquo;/Reducer/index.jsxrsquo;
// 操纵redux-logger打印日记。
import {createLogger} from lsquo;redux-loggerrsquo;
// 装载redux-devtools-extension的可视化东西。
import { composeWithDevTools } from lsquo;redux-devtools-extensionrsquo;
// 运用日记打印方式， collapsed让action折叠，看着舒畅。
const loggerMiddleware = createLogger（{collapsed： true}）
export default createStore（
storeReducer，
composeWithDevTools（ ）
）;
装载申明
1、下载装载文件
下载插件，并在阅读器平安提醒时选择【保存】，鄙人载文件夹中找到下载好的文件，后缀是.crx 。
申明：若呈现平安提醒，请选择保存。这是阅读器的默许设置，我们的插件不会风险你的电脑。
2、翻开扩大顺序装载页面
复制chrome://extensions并粘贴到地址栏，按回车键进入扩大顺序装载页面，翻开右上角的【开辟者形式】。
3、装载插件
将下载好的.crx文件拖拽到到扩大装载页面内，期待数秒，在装载弹窗内点击加入便可。
小编评测
此插件提供了调试操作的取消和撤回，可以还原到原始的状态，减轻错误操作带来的损失。它能清晰报告具体某个操作期间发生了什么情况，并给出详细的错误描述，而且支持重新评估每个分段代码操作等。
以上就是Redux DevTools的全部内容了，软件爱好者为您提供最好用的软件，为您带来最新的游戏！
