首页 文章

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

提问于
浏览
3

所以我一直在四处寻找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,如果没有组件的子文件夹,服务的子文件夹等,会感觉很奇怪 . 我会在所有路由中使用服务吗?

顺便说一下,我正在使用Angular CLI生成器:https://github.com/angular/angular-cli

2 回答

  • 1

    风格指南提供了很多有关如何构建应用程序的注意事项https://angular.io/styleguide

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

  • 0

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

    另一种选择是两者的组合,按类型(组件,服务等)划分app,然后在每种类型中将其除以相似性(所有与文件夹组件/ users / usercomponent1,usercomponent2等内的用户相关的组件)

相关问题