在 angular 2 个项目中组织文件

organizing files in angular 2 project

我开始学习 angular2,我使用 angular-cli 创建了一个 angular2 应用程序的项目,我遵循了 英雄之旅教程angular website 上。我还有最后一部分要跟进。但问题是文件太多,会让人感到困惑。下面是我在 VS Code 中的项目快照:
它只包含 3 个视图。如果我们有非常多的视图怎么办?我们应该如何组织我们的项目,文件夹结构应该是什么?

根据 Angular 风格指南:

All of the app's code goes in a folder named app. All feature areas are in their own folder, with their own Angular module.

因此您的特征区域可能是:dashboardheroes。英雄也会有像这样的特征区域:hero-detailhero-list.

查看 Angular2 Overall Structural Guidelines 示例文件夹结构。