angular - Angular 中的原理图是什么？

Question

我从angular官方博客看过这个解释 https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2

Schematics is a workflow tool for the modern web; it can applytransforms to your project, such as create a new component, orupdating your code to fix breaking changes in a dependency. Or maybeyou want to add a new configuration option or framework to an existingproject.

我什至按照博客中的示例如何生成新原理图

npm install -g @angular-devkit/schematics-cli

schematics blank --name=my-component

然后我打开了我的组件文件夹。这就是我的困惑开始的地方......生成的文件可以由

ng new

唯一的区别是上面的命令会产生比原理图更多的文件。根据描述:创建新组件和更新代码是通过原理图完成的，但这可以通过使用 “ng new”

的 Angular CLI 来完成

1. 那么与仅使用 Angular CLI 相比，使用原理图的优势是什么？(请进行比较以帮助更好地理解什么是原理图)
2. 是否可以仅使用 ng new 来实现原理图的功能？
3. 只有使用原理图才能实现的原理图有哪些独特的应用？ .....(提前谢谢您:)

Answer 1

Angular CLI 在幕后使用原理图。当您对用于创建项目和组件的 Angular CLI 感到满意时，您不需要了解任何原理图。当您想要其他设置并希望其他开发人员使用您的设置时，您可以创建自己的原理图。

例如:我们正在与多个开发运营团队一起创建一个包含 150 多个不同页面的大型应用程序。我们已经创建了原理图来简单地创建适合我们的应用程序设置的页面、功能和使用服务。制作原理图更容易维护，然后向每个开发人员解释如何设置页面。它还带来了项目的一致性。

其他大型项目，如 Ionic 或 NX https://nrwl.io/nx还可以使用原理图让您在其架构中创建应用程序和页面。

所以对于你的答案:

1. 使用原理图的优势:有了原理图，您可以实现自动化创建样板代码，您可以“记录”最佳实践。

2. 您可以设置您想要的应用程序/页面等创建而不是 Angular 认为什么是最好的方法。

3. 没有原理图你可以做任何事情。手工或创造你自己的 NodeJS 脚本。原理图只是帮助您创建脚本并为您提供界面和执行操作的可能性试运行。

查看本教程:https://medium.com/rocket-fuel/angular-schematics-simple-schematic-76be2aa72850 .