首先

这篇文章是Angular Advent Calendar 2022的第三天的文章。
我已经进行了大约4年的Angular开发，
在其中分享我个人认为最好的文件夹结构，包括知识共享。

公式是否公开了有关文件夹结构的最佳实践？

很遗憾，关于文件夹结构还没有公开信息，
据说每个项目都由各自负责。
因此，每次参与不同项目时，文件夹结构都会有所不同。

构成的观念 de

我认为Angular很适合建立基于模块的结构，因为它具有模块的延迟加载功能。

实际构成

.vscode ・・・ VsCodeの各種設定ファイルを管理
src
　└app
　　└ modules
　　　　└ 各種モジュールフォルダ
　　　　　└ components
　　　　　└ models
　　　　　└ servies
　　　　└ shared・・ 共通モジュール

　　└ shared
　　　└ models
　　└ utils・・各種ユーティリティ機能を管理

assets ・・・ 静的ファイルを管理
　└css
　└i18n
　└images

environments ・・・ 環境設定ファイルを管理

正确管理文件夹结构的工具

在npm包中有一个叫做ls-lint的东西。ls-lint可以检查指定文件夹中的文件是否按照正确的文件名，并按照扩展名进行配置。

公式网址
ls-lint

Angular的配置管理输出工具

顺便提一下，有一个npm包可以根据Angular的源代码输出Angular的结构，下面我来介绍一下。

・模块的依赖程度
・路由器信息
・文档覆盖率
・类和指令的信息等

请参阅以下以获取详细信息：Compodoc。

综上所述

希望的文件夹结构是根据每个项目的需要而定，只供参考。
如果有更好的文件夹结构，请告诉我。

明天是Jialipassion先生。