Angular 2:什么是“官方”标准文件夹结构?

时间:2016-06-14 15:29:27

标签: javascript angular directory-structure

所以我一直在四处寻找Angular 2应用程序最受欢迎/标准的文件夹结构,看起来似乎没有。是否有人在生产中使用Angular 2可以解决一些问题?

以下是我发现的一些方法:

1)按功能拆分,1)共享文件夹2)每个功能的文件夹,包含该文件夹内的所有文件(无论是组件,服务还是其他) https://angular.io/docs/ts/latest/guide/style-guide.html#!#application-structure enter image description here

2)Angular 1样式(没有按功能嵌套或分离,只是组件,管道,服务,模型) enter image description here

对于#1,如果没有组件的子文件夹,服务的子文件夹等,会感觉很奇怪。我会在所有路径中使用服务吗?

BTW我正在使用Angular CLI生成器:https://github.com/angular/angular-cli

2 个答案:

答案 0 :(得分:1)

风格指南提供了很多有关如何构建应用的信息,并且没有提及https://angular.io/styleguide

它表示要在同一文件夹中维护一个平面层次结构,每个功能和相关文件(组件,模板,样式......)都有一个文件夹。

答案 1 :(得分:0)

我认为这取决于您希望如何整理应用。如果应用程序很小,我喜欢按类型(组件,服务,视图等)将它们分开,但如果它是一个大而复杂的应用程序,那么我会用功能划分它,因为它更容易找到你要找的文件夹。

另一个替代方案是两者的组合,按类型(组件,服务等)划分应用程序,然后在每种类型中将其除以相似性(所有与文件夹组件/ users / usercomponent1中的用户相关的组件,usercomponent2等等)

相关问题