美文网首页
Redux DevTools:Redux调试工具

Redux DevTools:Redux调试工具

作者: 清哥1992 | 来源:发表于2019-10-31 11:50 被阅读0次

链接:https://pan.baidu.com/s/1o-FPz9GLw-FT388S11ZUmQ
提取码:twoh

安装步骤:
1、下载压缩包
2、解压压缩包
3、解压后打开谷歌扩展程序

4、 image.png
5、安装后打开控制台看是否有redux选项
image.png
6、如果有说明安装成功,不过要想使用还需做配置
即在项目中直接执行下面的安装命令:
npm install redux-devtools-extension --save-dev

在文件中引入
import Redux from 'redux'

import {createStore, applyMiddleware} from 'redux'

//引入Reducer文件
import storeReducer from '../Reducer/index.js'
//引入可视化工具
import { composeWithDevTools } from 'redux-devtools-extension'

export default  createStore(   
storeReducer,   
composeWithDevTools(    )
);

7、如果显示如下就成功了

image.png
8、windows系统的还需要配置一个路径地址
详细配置点击地址查看(或github搜索redux-devtools-extension下载量最大的打开就是)
https://github.com/zalmoxisus/redux-devtools-extension

相关文章

网友评论

      本文标题:Redux DevTools:Redux调试工具

      本文链接:https://www.haomeiwen.com/subject/hkizvctx.html