2017-06-18 171 views
0

我從AngularJS到Angular4和我見過遵循命名約定的例子中移動。我主要討論組件。 這似乎是約定有一個應用程序/組件文件夾,然後爲每個組件下面的單獨的文件夾。這似乎是合理的。但是在我看到的關於組件「mine」的例子中,文件名是mine.component.html,mine.component.ts和mine.component.css角4文件命名約定

這是否有很好的理由?它在組件文件夾下的事實似乎使得.component部分的使用無關緊要。

而且,如果我有一個本身包含的組件和這些組件都永遠只能由該組件使用的組件,它是有意義的把他們下的應用程序/組件。將它們放在app/components/mine中會更有意義嗎?

一般來說,我傾向於遵循我的觀察,因爲我估計一般是有它一個很好的理由的模式,但我不能看到這些約定什麼特別的原因。

請設置我直。

+0

您的問題將很快被關閉,因爲它不遵循這樣的規則,只是讓你知道的人可能會從團隊角度恪守指南這裏https://angular.io/guide/styleguide –

回答

0

我所使用的角度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 
+0

當你創建一個新的組件時,它會被添加到'AppModule'中,除非指定到一個模塊中,否則我會默認添加它。 – MichaelSolati

+0

如果您還閱讀了風格指南,那麼它將覆蓋所有這些問題。根據您的應用程序的大小,您可能需要打破樣式指導規則,才能真正使開發和維護更加輕鬆。 嘗試閱讀關於核心和共享模塊的內容,並瞭解它們的用例。同樣,根據應用程序的複雜程度,嘗試爲路由指定特定名稱的組件(如場景),這有助於快速瞭解這些組件的用途。 – Jessycormier