Angular 2应该使用哪种类型的文件夹结构？

Question

我是Angular 1开发人员,开始学习Angular 2.根据培训材料,有很多不同类型的文件夹结构方法.我将在下面列出每一个,我希望得到人们对我应该使用的意见和原因.此外,如果有一个未列出的方法,但您认为它的效果更好,请随时列出.

通过查看所有这些,方法#3几乎就是我在使用Angular 1应用程序的方式.

方法1:angular2-quickstart

资料来源:https://angular.io/guide/quickstart

文件夹结构:

方法2:ng-book2

来源:https://www.ng-book.com/2/(必须付费查看文件)

文件夹结构:

方法3:mgechev/angular2-seed

资料来源:https://github.com/mgechev/angular2-seed

文件夹结构:

Answer 1

官方指南现在就在那里.mgechev/angular2-seed也与它保持一致.见#857.

https://angular.io/guide/styleguide#overall-structural-guidelines

Answer 2

我认为按功能构建项目是一种实用的方法.它使项目可以轻松扩展和维护.它使项目的每个部分都完全自治.让我知道你对这个结构的看法: 角度类型项目结构 - 角度2

来源:http://www.angulartypescript.com/angular-typescript-project-structure/

Answer 3

所以在做了更多的调查后,我最终得到了方法3(mgechev/angular2-seed)的略微修改版本.

我基本上将组件移动到主级目录,然后每个功能都在其中.

Answer 4

我打算用这个.非常类似于@Marin所示的第三个.

app
|
|___ images
|
|___ fonts
|
|___ css
|
|___ *main.ts*
|   
|___ *main.component.ts*
|
|___ *index.html*
|
|___ components
|   |
|   |___ shared
|   |
|   |___ home
|   |
|   |___ about
|   |
|   |___ product
|
|___ services
|
|___ structures