redux 调试工具安装及使用
2019-01-30 16:57
267 查看
版权声明:Dream_Lees Blog未经本人允许,不得转载 https://blog.csdn.net/qq_41846861/article/details/86705699
在Chrome浏览器上安装redux 调试工具及使用步骤
一、安装 chrome 浏览器插件
- 在谷歌应用商店下载redux-devtools,去谷歌应用商店搜索redux-devtools直接安装即可。将
下载好的插件直接拖到浏览器右上角->更多工具->扩展程序中。也可以在本站离线下载安装chrome redux调试插件,离线安装的方法参照:chrome插件的离线安装方法。最新chrome浏览器下载地址:http://chromecj.com/category/chrome/。 插件安装成功后,在浏览器的右上角会有相关的显示。 如下图:
- 要想使用chrome redux调试插件,还需要在项目中安装 redux-devtools-extension 插件。
二、下载工具依赖包redux-devtools-extension
在Termianl输入下面安装命令
npm install --save-dev redux-devtools-extension
- 安装成功后,还需要redux-devtools在项目中的配置,实际上就是在创建store的时候把redux-devtools安装即可。
三、编码
import { composeWithDevTools } from 'redux-devtools-extension' const store = createStore( counter, composeWithDevTools(applyMiddleware(thunk)) )
相关文章推荐
- Linux下常用网络故障调试工具介绍之wireshark的安装与使用
- 【Android笔记】ubuntu 16.04下android调试工具 Vysor 安装及使用注意
- (二)ADS1.2的安装教程以及使用 调试 (不会 AXD 调试工具)
- web 调试工具docker的安装使用
- http协议调试代理工具Fiddler的简单安装和使用
- react简书项目学习笔记27使用开发者工具调试redux
- xdebug的安装、使用、配置、调试、及工具wincachegrind的使用
- vue调试工具vue-devtools安装及使用
- [gdb] gdb调试工具下载安装使用
- vue调试工具vue-devtools安装及使用方法
- redux使用调试工具
- java 性能调试工具jprofiler安装和使用
- 移动调试工具weinre安装和使用
- php调试工具---xhprof安装和使用
- 前段自动化工具gulp安装、使用和调试
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- iOS界面调试工具 Reveal的安装和使用
- Vue调试工具vue-devtools安装及使用
- 【开发工具】iOS真机调试抓包工具Charles安装及使用
- Node.js调试工具安装使用