前言
前端开发中，我们经常需要创建和修改项目的基本结构和组织。例如，创建一个新的组件、服务或指令等等。手动编写这些代码可能会浪费大量的时间和精力，特别是在重复的任务中。这时候，自动化创建项目结构的过程会变得尤为重要。在 Angular 开发中，有一个优秀的工具可以帮助我们实现这个目标，就是 @michael.warneke/ng-schematics npm 包。
简介
@michael.warneke/ng-schematics 是一个能够在 Angular 项目中自动化生成模块、组件、服务、路由等文件的工具。它是一个基于 Angular Schematics 的解决方案，只需要一个命令就可以在 Angular 项目中生成组件和服务等文件，并且还可以自定义一些基础文件的内容。
安装
要使用这个工具，我们需要先安装 @michael.warneke/ng-schematics npm 包。为了方便，我们可以使用 npm 进行安装。在命令行中输入以下命令：
npm install -g @michael.warneke/ng-schematics
使用
安装完毕后，我们可以使用以下命令来创建新的组件、服务或指令等：
ng g @michael.warneke/ng-schematics:component my-new-component
为了真正理解如何使用这个工具，我们来看一个具体的例子。
生成组件
在 Angular 项目中使用 @michael.warneke/ng-schematics 工具生成一个新的组件，只需要执行以下命令：
ng g @michael.warneke/ng-schematics:component my-new-component
其中，“my-new-component”是你需要创建的组件的名称。这个命令会自动创建一个新的组件，并在 src/app 目录下创建一个包含 .ts、.html 和 .css 文件的新文件夹。在生成之后，你可以通过修改这些文件夹中的文件来修改你的组件。
生成服务
如果你需要创建一个新的服务，只需要使用以下命令：
ng g @michael.warneke/ng-schematics:service my-new-service
同样，“my-new-service”是你需要创建的服务的名称。这个命令会自动创建一个新的服务，并在 src/app 目录中创建一个包含 .ts 文件的新文件夹。在生成之后，你可以通过修改这个文件夹中的文件来修改你的服务。
自定义配置
通过使用 @michael.warneke/ng-schematics 工具，你可以将所有配置都放在 .schematicsrc.json 文件中，在文件中指定一些默认值，然后在使用命令时，会默认使用这些值。例如：
-- -------------------- ---- -------
-
------------- ---------------------------------
------------- -
------------ -
----------- -------
------- ------
------- -----
----------- -------------
------------- ----
-
-
-在这个例子中，.schematicsrc.json 文件中指定了默认样式扩展名为“scss”，不生成“spec.ts”文件，使用浮动式文件生成模式（不创建 subfolder），使用“app-custom”选择器，并且禁用了自动导入。
结论
@michael.warneke/ng-schematics 工具是为 Angular 开发者准备的自动化生成项目文件的工具之一。通过使用这个工具，你可以轻松地创建组件、服务、指令等等，并自定义这些文件的样式，从而提高了开发效率。许多 Angular 开发者都认为，学习这个工具是 Angular 开发的基本技能之一。如果你想要提高你的 Angular 开发效率，那么一定要尝试使用 @michael.warneke/ng-schematics 工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcb967216659e244728