导入
用于调试 NgRx 的开发工具
了解用于调试 NgRx 的不同开发者工具。
简介
为了了解应用程序和状态存储的运行情况,我们需要一些调试工具。过去,为了查看分发的动作,我们不得不在 reducer 中使用 console.log 来记录动作。现在,让我们开始利用 NgRx 提供的调试工具。
DevTools 简介
要使用 NgRx 调试 Angular 应用程序,我们需要以下工具:
-
Redux DevTools:这是一个浏览器扩展程序。该工具提供图形化界面,可在浏览器中调试我们的 NgRx 状态存储。
-
@ngrx/store-devtools:这是一个 npm 包。它使我们的应用状态、动作和 reducers 能够被 Redux DevTools 浏览器扩展访问。
安装 Redux DevTools
要将 DevTools 添加到项目中,请参考《设置 DevTools》一课。