Redux DevTools 调试工具
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
在 chrome 应用商店安装 Redux DevTools
扩展程序,可以帮助开发者更好地调试 Redux。
Redux DevTools 默认是关闭的。官方建议在开发环境下开启,在生产环境下关闭,以避免数据泄漏。
在基础的 Store 中开启 Redux DevTools
。
// store/index.js
import {createStore} from 'redux'
import reducer from './reducer'
export default createStore(
reducer,
// 需判断环境,仅在开发环境下添加以下一行代码
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);
在使用了中间件的 Store 中开启 Redux DevTools
。
import {createStore, applyMiddleware, compose} from 'redux'
import thunk from 'redux-thunk'
import reducer from './reducer'
// 需判断环境,仅在开发环境下添加以下一行代码
// 如果安装了 redux devtools 扩展程序,则使用 redux devtools 扩展程序,否则使用 redux 中默认提供的 compose
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
export default createStore(reducer, composeEnhancers(applyMiddleware(thunk)))
GitHub 加速计划 / de / devtools
24.59 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:1 个月前 )
79116147 - 2 个月前
f0359002 - 3 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)