Angular NgRx App 的代码生成解决方案

Code-generation solution for Angular NgRx App

我目前正在开发 angular-ngrx 应用程序。我正在使用 angular-cli 搭建应用程序。 我的麻烦是因为我的应用程序越来越大,我需要添加很多文件,例如 reducer、action、state、effects 文件。我想自动化这部分,在这里我可以用一些样板代码生成这些状态管理文件。 我可以先得到一些帮助吗?

  • 您可以在依赖项中安装 @ngrx/schematics,然后通过 ng generate

    创建新功能的 actions/reducers/effects

    https://github.com/ngrx/platform/blob/master/docs/schematics/README.md

  • 如果您使用的是最新版本的 WebStorm,IDE 可以识别已安装的原理图并让您创建新的 actions/reducers/effects

  • WebStorm 的另一个方便的功能是实时模板,在下面的屏幕截图中,我编写了自己的 NgRx 集合: