介绍
@schematics/angular 是一个 Angular 项目生成器工具，它能够帮助开发者快速创建一个 Angular 项目或者添加新的组件、服务，指令等等。它是 Angular CLI 的一部分，比起手动创建，这个工具能够更快速和规范化的建立 Angular 项目，并且提供了许多不同的工具支持。
在本篇文章中，我们将要详细的介绍如何通过 @schematics/angular 来创建我们的 Angular 项目，并对其中的关键命令或者配置参数进行详细讲解。
安装
要使用 @schematics/angular，我们需要先安装 Angular CLI，因为 @schematics/angular 是 Angular CLI 的一部分。
我们可以通过以下命令来安装 Angular CLI：
npm install -g @angular/cli
安装完成之后，我们可以通过以下命令来验证其是否安装成功：
ng version
如果成功安装，我们应该能够看到类似下面的输出：
-- -------------------- ---- ------- ------- ---- ------ ----- ------- --- ------ --- -------- ------ --- ----------- ------- --------- ------------- ----- ----- --- ----------------- ----------------- ------------------------ --- ---------------- ------ --- ---------- --- ------- ------- ----------------------------------------------------------- ------------------------- -------- ----------------------------- -------- ------------------------------- -------- ----------------------------- -------- -------------------- ------ -------------------------- ------ ---------------- ------ ------------------- ------ ------------------ -------- ---- ----- ---------- ----- ------- ------
如果您看到了类似的输出，那么表示您已经成功安装了 Angular CLI。
创建项目
创建 Angular 项目的方式有很多，但是我们现在介绍使用 @schematics/angular 来快速创建一个项目，首先我们通过以下命令来生成一个新的 Angular 项目：
ng new my-project
命令行询问你是否要设置路由，你可以选择或者输入 n 来禁用路由，或者输入 y 来启用路由，然后按下 Enter 键来继续。此时，ng new 命令会下载依赖项并生成项目。
我们可以通过以下命令来查看项目启动：
cd my-project ng serve
现在我们可以在浏览器中访问 http://localhost:4200 来查看项目启动情况。
创建模块
模块是 Angular 应用中的一个重要概念，它是用来组织相关功能的概念容器。我们可以通过 ng g module my-module 来创建一个新的模块，其中 my-module 是您所创建的模块名称。这个命令将创建一个和模块同名的文件夹，这个文件夹中包含一个模块定义的 TypeScript 文件、样式和模板文件。运行 ng g module my-module 命令时，只需传递模块名称作为参数。
创建组件
组件是 Angular 界面中构成的基本单元之一。我们可以通过 ng g c my-component 来创建一个新组件，其中 my-component 是您所创建的组件名称。
如果您不想要添加在模板中使用的 CSS 文件，您可以使用 --skip-tests 参数来确认测试文件在组件生成命令中将被跳过，如 ng g c my-component --skip-tests。
通过这个命令行后，Angular CLI 工具会在 my-module 文件夹下方创建一个 my-component 文件夹，这个文件夹包含了组件定义的 TypeScript 文件、HTML 模板和样式。
创建服务
服务是 Angular应用中的一种常见组件，用于完成应用客户端和服务器端之间的通讯或数据存储。我们可以使用 ng g service my-service 命令来创建一个新的服务。其中 my-service 是您所创建的服务名称。
服务将会被生成在 src/app/my-service 目录下。
总结
@schematics/angular 是一个很强大的工具，使用它能够让我们更快速的开发我们的 Angular 项目，并且帮助我们建立规范或者约定。本文介绍了基本的使用方法，包含项目创建、模块创建、组件创建和服务创建等等，希望对于 Angular 开发者们能够有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/193707