【问题标题】:organizing files in angular 2 project [closed]在 Angular 2 项目中组织文件 [关闭]
【发布时间】:2016-11-24 21:46:24
【问题描述】:
我开始学习 angular2,我使用 angular-cli 创建了一个 angular2 应用程序项目,我在 angular website 上关注了 英雄之旅教程。我还有最后一部分要跟进。但问题是文件太多,它会变得混乱。下面是我在 VS Code 中的项目的快照:
它只包含 3 个视图。如果我们有非常多的视图怎么办?我们应该如何组织我们的项目,文件夹结构应该是什么?
【问题讨论】:
标签:
angular
visual-studio-code
development-environment
【解决方案1】:
根据 Angular 样式指南:
应用程序的所有代码都放在一个名为 app 的文件夹中。所有功能区域都在自己的文件夹中,并带有自己的 Angular 模块。
所以您的特征区域可能是:dashboard 和 heroes。英雄也会有一些特色区域,比如:hero-detail 和 hero-list。
查看Angular2 Overall Structural Guidelines 以获取示例文件夹结构。