在前端开发过程中，我们经常需要使用 Redux 这样的状态管理库。@ngrx-utils/cli 是一个通过命令行来帮助我们快速创建 Redux 模板代码的包。本文将详细介绍如何使用 @ngrx-utils/cli，以及它的设计原理和使用技巧。
教程
安装
你可以直接通过 npm 包管理工具安装 @ngrx-utils/cli:
npm install -g @ngrx-utils/cli
创建一个 Redux 模板
首先，我们需要先创建 Redux 模板，通过 @ngrx-utils/cli 进行操作，只需要执行下面的命令即可:
ngrx generate [feature] --collection [collectionName]
其中，[feature] 是模板名称，[collectionName] 为模板所在集合的名称。
例如，我们需要创建一个名为 “products” 的 Redux 模板，可以通过以下命令创建：
ngrx generate products --collection products
这个命令会创建一些 Redux 相关的文件：actions、reducers、effects、selectors 等，同时也会创建对应名称的 HTML 和 CSS 文件。
修改模板代码
我们可以通过修改创建的文件来定制自己的 Redux 模板。
例如，我们要添加一个新的 action “loadSuccess”，只需要在 actions 目录下创建一个新的文件：
touch actions/loadSuccess.action.ts
在文件中添加代码
-- -------------------- ---- ------- ------ - ------ - ---- -------------- ------ - ------- - ---- ------------------------------------ ------ ---- ----------- - ------------ - ----------- ---- -------- - ------ ----- ----------- ---------- ------ - -------- ---- - ------------------------- ------------------ -------- - --------- --------- -- -- - ------ ---- ------------ - ------------
我们也可以修改 reducers、effects、selectors 等文件，以便更好地管理应用程序的状态。
使用模板
在模板创建之后，我们需要使用模板的命令创建组件。例如我们需要创建一个名为 “List” 的组件：
ngrx generate container List --collection products
这个命令会在模板所在位置创建 List 组件，同时也会自动将它绑定到对应的 Redux 模块。
运行应用程序
在完成以上操作之后，我们可以通过以下命令来启动应用程序：
npm start
原理
@ngrx-utils/cli 通过将模板代码分成多个小部分，使得开发者能够更方便地管理状态，并且可以直观地理解各个部分之间的关系。同时，它也支持命令行快速创建模板代码，简化了开发流程。
指导意义
@ngrx-utils/cli 是一个非常实用的工具，它可以帮助我们更好地管理 Redux 状态，提高我们的开发效率。在使用过程中，我们应该深入了解它的设计原理，灵活运用工具提供的功能，来提升自己的开发效率。
示例代码
以下是一个典型的 Redux action 的代码示例：
-- -------------------- ---- ------- ------ - ------ - ---- -------------- ------ - ------- - ---- ------------------------------------ ------ ---- ----------- - ------------ - ----------- ---- -------- - ------ ----- ----------- ---------- ------ - -------- ---- - ------------------------- ------------------ -------- - --------- --------- -- -- - ------ ---- ------------ - ------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcc967216659e244893