Ngrx/Store监视工具的安装

安装 store/devtools

https://ngrx.io/guide/store-devtools

下载并安装谷歌插件(插件在dss本md文件同目录下extension.zip)

• 打开 url chrome://extensions,然后右上角打开开发者模式，然后左上角选择加载已解压的扩展程序(左上角第一个选项)，将解压后的插件添加即可。

open chrome://extensions url and turn on developer mode from top left and then click; on Load 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 {}
  

  其他具体配置参照开头贴出的官方文档。

• 运行工程后，在浏览器右上角开启插件即可。