角4文件命名约定

我从AngularJS到Angular4和我见过遵循命名约定的例子中移动。我主要讨论组件。这似乎是约定有一个应用程序/组件文件夹，然后为每个组件下面的单独的文件夹。这似乎是合理的。但是在我看到的关于组件“mine”的例子中，文件名是mine.component.html，mine.component.ts和mine.component.css角4文件命名约定

这是否有很好的理由？它在组件文件夹下的事实似乎使得.component部分的使用无关紧要。

而且，如果我有一个本身包含的组件和这些组件都永远只能由该组件使用的组件，它是有意义的把他们下的应用程序/组件。将它们放在app/components/mine中会更有意义吗？

一般来说，我倾向于遵循我的观察，因为我估计一般是有它一个很好的理由的模式，但我不能看到这些约定什么特别的原因。

请设置我直。

来源

2017-06-18 Martin Horton

您的问题将很快被关闭，因为它不遵循这样的规则，只是让你知道的人可能会从团队角度恪守指南这里https://angular.io/guide/styleguide –

我所使用的角度CLI，其要求看到“它已经按照我们的最佳实践！”，是每一个组件接收这是您存储您的主要AppModule同一文件夹内自己的文件夹。

然而，正如你提到的，与嵌套文件夹，我已经看到了，作为一个实践过，但不一定与嵌套组件。您可以将组件放入模块中，而不是将组件放入组件。

下面是一个示例目录...

└── src 
     └── app 
      ├── module-one 
      │ ├── component-one 
      │ │ ├── component-one.component.html 
      │ │ └── component-one.component.ts 
      │ ├── component-two 
      │ │ ├── component-two.component.html 
      │ │ └── component-two.component.ts 
      │ └── module-one.module.ts 
      ├── module-two 
      │ ├── component-three 
      │ │ ├── component-three.component.html 
      │ │ └── component-three.component.ts 
      │ ├── component-four 
      │ │ ├── component-four.component.html 
      │ │ └── component-four.component.ts 
      │ └── module-two.module.ts 
      ├── app-routing.module.ts 
      ├── app.component.html 
      ├── app.component.ts 
      └── app.module.ts

来源

2017-06-18 23:29:41 MichaelSolati

当你创建一个新的组件时，它会被添加到'AppModule'中，除非指定到一个模块中，否则我会默认添加它。 – MichaelSolati

如果您还阅读了风格指南，那么它将覆盖所有这些问题。根据您的应用程序的大小，您可能需要打破样式指导规则，才能真正使开发和维护更加轻松。尝试阅读关于核心和共享模块的内容，并了解它们的用例。同样，根据应用程序的复杂程度，尝试为路由指定特定名称的组件（如场景），这有助于快速了解这些组件的用途。 – Jessycormier

角4文件命名约定

回答

相关问题