【问题标题】:Angular 2 project filestructureAngular 2项目文件结构
【发布时间】:2017-08-02 22:52:01
【问题描述】:

如果我从头开始创建 Angular 2 应用程序,模块、组件、指令等的互操作性。如果相应地调整了“导入”的文件路径,则会受到文件夹结构的影响(假设只有包含这些东西的文件是我们唯一要改组的东西)。例如,我决定将诸如“组件”、“服务”、“样式”、“主”之类的文件夹(用于根模块+组件),而不是将所有提到的东西放在一个文件夹中……我可以只要'import {'@blahblah'}'适当地反映目录中的相对位置,以我想要的任何方式划分这些东西?

【问题讨论】:

  • angularjs 标签仅适用于 Angular 1.x,适用于 Angular 2+ 使用标签:angular

标签: javascript angular user-interface frontend


【解决方案1】:

首先,如果您要从头开始创建一个新的 Angular 应用程序,我强烈建议您使用 Angular CLI:https://github.com/angular/angular-cli。如果你这样做,它对项目文件结构有自己的想法。

其次,如果将模板和样式与关联组件放在相同文件夹中,则可以简化代码并使用相对路径。

除此之外......您可以随意设置文件结构。

【讨论】:

    【解决方案2】:

    你可以,但你不应该。按类型而不是功能划分项目文件被认为是不好的做法,请参阅https://angular.io/guide/styleguide#style-04-07

    【讨论】:

      【解决方案3】:

      正如这里已经说明的那样,您可以使用Angular CLI 来启动您的项目,并了解所有最佳实践,并查看Angular styleguide,它会为您提供更多详细信息/理论。

      但是,让您的项目逻辑结构正确也非常重要,您可以查看此repo 作为示例(仅供参考,它是使用Angular CLI 构建的)以及@DeborahK 的ng-conf 谈话也可以查看此@ 987654326@同样的事情。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-04-10
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多