前言
在前端开发中，我们经常会使用 Angular 框架构建应用程序。Angular CLI 在创建、构建和部署 Angular 应用方面非常强大。但是，有些情况下我们需要根据特定的项目需求来自定义 Angular CLI。
虽然 Angular CLI 提供了一些自定义选项，但是它们的功能有限。为此，我们需要使用一些第三方工具来实现我们需要的功能。 @nrwl/nx-friendly-angular-cli 就是这样一个工具，它可以帮助我们扩展 Angular CLI 的功能，并使我们能够更好地处理大型项目。
在本篇文章中，我们将讨论如何使用 @nrwl/nx-friendly-angular-cli，包括其安装和配置。我们还将研究一些示例用例，以了解如何在实践中应用这个工具。
安装
使用 @nrwl/nx-friendly-angular-cli，我们需要先安装 Angular CLI。在安装 Angular CLI 后，我们可以使用下面的命令来安装 @nrwl/nx-friendly-angular-cli：
npm install -g @nrwl/nx-friendly-angular-cli
安装成功后，我们可以通过以下命令检查 @nrwl/nx-friendly-angular-cli 的版本：
nx --version
配置
安装完 @nrwl/nx-friendly-angular-cli 后，我们还需要配置一些信息，使其能够与我们的项目一起工作。
首先，我们需要为项目添加一个插件。假设我们的项目名为 "my-project"，我们可以使用以下命令添加插件：
ng add @nrwl/angular-cli-plugin
运行该命令后，Angular CLI 将向我们展示一些信息，然后询问我们是否想要安装依赖。我们需要选择“是”，然后等待安装完成。
安装完成后，我们需要修改项目的 angular.json 文件。在该文件中，我们需要添加一个 cli 属性，并指定一个新的 Angular CLI。为此，我们可以使用以下命令：
-- -------------------- ---- -------
-
------- -------------
---------- --------
------ -
-------------------- ----------------
----------------- -----
--
--------------- -
--
------------------ -
-- ---
-
-在上面的示例中，我们将默认的 Angular CLI 集合设置为 "@nrwl/angular"。这将覆盖默认的 Angular CLI，并允许 us 浏览各种分析、测试和代码生成工具。
示例
现在我们已经安装和配置了 @nrwl/nx-friendly-angular-cli，我们可以开始使用它了。在本节中，我们将研究几个示例用例。
创建新的 Angular 应用
假设我们想要创建一个名为 "my-app" 的新 Angular 应用。我们可以使用以下命令来完成此操作：
ng generate app my-app
此命令与默认的 Angular CLI 命令相同，但它使用 @nrwl/nx-friendly-angular-cli，因此它会有所不同。在运行该命令时，@nrwl/nx-friendly-angular-cli 会自动将一些默认设置添加到 angular.json 文件中，例如：
添加与 VSCode 的调试器配置。
添加一个
tsconfig.app.json文件。
执行单元测试
我们可以使用类似的方式扩展 Angular CLI 命令来执行单元测试。假设我们要运行名为 "my-test" 的测试文件。我们可以使用以下命令来执行测试：
ng test my-test
在这里，我们仅指定一个测试文件，但是这个命令也支持使用文件夹和通配符来运行测试套件。
生成代码
@nrwl/nx-friendly-angular-cli 还支持根据 JSON 模板生成代码。假设我们想要生成一个名为 "my-component" 的组件。我们可以使用以下命令生成组件代码：
ng generate component my-component --template component-json
此命令将生成一个名为 my-component.json 的文件。我们可以在该文件中指定组件的一些属性，例如选择器、样式、引入等。我们还可以为组件生成一个测试，如下所示：
ng generate component my-component --template component-spec-json
该命令将生成一个名为 my-component.spec.json 的文件，其中包含对组件进行单元测试的代码。
结论
@nrwl/nx-friendly-angular-cli 是一个非常有用的工具，可以帮助我们扩展 Angular CLI 的功能，并使我们能够更好地处理大型项目。使用本文介绍的方法，我们可以安装和配置该工具，并学习如何在实践中应用它。希望这篇文章能够为那些想要拓展 Angular CLI 的开发人员提供帮助和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600568d581e8991b448e495d