Angular Folder/Directory Structure for your App

The most current version as of .

The Angular framework comes accross with multiple types of source files in your project directory. To keep things organized, we will create a folder structure for your app:

.
└── app/
    ├── core/
    │   ├── components
    │   └── services
    ├── modules/
    │   ├── example-module/
    │   │   ├── components
    │   │   ├── example-module.component.ts
    │   │   └── example-module.module.ts
    │   ├── another-module/
    │   │   ├── components
    │   │   ├── another-module.component.ts
    │   │   └── another-module.module.ts
    │   └── yet-another-module/
    │       ├── components
    │       ├── yet-another-module.component.ts
    │       └── yet-another-module.module.ts
    ├── shared/
    │   ├── components
    │   └── services
    ├── app.component.ts
    └── app.module.ts
— David Wolf