在angular 2项目中组织文件

时间:2016-11-24 21:46:25

标签: angular visual-studio-code development-environment

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

1 个答案:

答案 0 :(得分:6)

根据角度风格指南:

  

所有应用的代码都位于名为app的文件夹中。所有功能区都在自己的文件夹中,并带有自己的Angular模块。

因此,您的功能区域可能是:dashboardheroes。英雄也会有以下功能区域:hero-detailhero-list

检查Angular2 Overall Structural Guidelines 是否有示例文件夹结构。