安装 store/devtools
下载并安装谷歌插件(插件在dss本md文件同目录下extension.zip)
- 打开 url
chrome://extensions
,然后右上角打开开发者模式,然后左上角选择加载已解压的扩展程序
(左上角第一个选项),将解压后的插件添加即可。
open
chrome://extensions
url and turn on developer mode from top left and then click; onLoad Unpacked
and select the extracted folder for use
-
工程中 安装ngrx/store包
npm install @ngrx/store-devtools --save
-
在
app.module.ts
中引入配置import { StoreDevtoolsModule } from '@ngrx/store-devtools'; import { environment } from '../environments/environment'; // Angular CLI environment @NgModule({ imports: [ StoreModule.forRoot(reducers), // Instrumentation must be imported after importing StoreModule (config is optional) StoreDevtoolsModule.instrument({ maxAge: 25, // Retains last 25 states logOnly: environment.production, // Restrict extension to log-only mode }), ], }) export class AppModule {}
其他具体配置参照开头贴出的官方文档。
运行工程后,在浏览器右上角开启插件即可。