什么是Angular中的原理图?

时间:2018-10-22 05:22:11

标签: angular angular-cli

我已从官方角度博客上阅读了此说明 https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2

  

Schematics是现代Web的工作流工具;它可以适用   转换为您的项目,例如创建一个新组件,或   更新您的代码以修复依赖项中的重大更改。或许   您想要向现有的配置添加新的配置选项或框架   项目。

我什至遵循博客中的示例来生成新原理图

  

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

     

示意图空白--name = my-component

之后,我打开了my-component文件夹。这是我的困惑开始的地方... 生成的文件可以通过

生成
  

ng新

唯一的不同是上述命令将产生比原理图更多的文件。根据描述:创建新组件并通过原理图完成代码更新 ,但这可以通过有角度的CLI使用“ ng new”

来完成
  1. 与仅使用角度CLI相比,使用原理图有什么优势?(请进行比较以帮助更好地理解什么是原理图)
  2. 并且仅使用 ng new 就能实现原理图吗?
  3. 只有通过使用原理图才能实现原理图的独特应用? .....(谢谢您:)

1 个答案:

答案 0 :(得分:4)

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

例如:我们正在由多个devOps团队创建一个包含150多个不同页面的大型应用程序。我们创建了原理图以仅创建适合我们的应用程序设置的页面,功能和使用服务。制作原理图更容易维护,然后向每个开发人员解释如何设置页面。这也带来了项目的一致性。

Ionic或NX https://nrwl.io/nx之类的其他大型项目也利用原理图来让您在其体系结构中创建应用程序和页面。

因此,您的答案:

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

  2. 您可以设置希望应用程序/页面等的显示方式 而不是Angular认为什么是最好的方法。

  3. 您可以在没有原理图的情况下做所有事情。手工制作或 您自己的NodeJS脚本。原理图可以帮助您创建 脚本,并为您提供界面和执行的可能性 试车。

也像本教程一样:https://medium.com/rocket-fuel/angular-schematics-simple-schematic-76be2aa72850和用于控制台的UI的角度控制台https://angularconsole.com/