Angular Folder Structure¶
Based on best practices from the community, other github Angular projects, developer experience from production Angular projects, and contributors, this project goal is to create a skeleton structure which is flexible for projects big or small.
This project defines directory structure in an Angular application and it is a working application. The code for this project can be found at https://github.com/mathisGarberg/angular-folder-structure
Directory Tree Structure¶
This is a default Angular application directory tree:
.
├── e2e
│ └── src
└── src
├── app
├── assets
└── environments
This tree represents the directories this repository proposes be added to a default Angular application:
.
├── media
└── src
├── app
│ ├── core
│ ├── data
│ ├── layout
│ ├── modules
│ └── shared
└── styles
Each part of this tree is optional so please read through the Directory Structure Parts carefully to understand them all.
Contributing¶
We welcome contributions of all kinds to this repository. Submit a PR or create an issue for anything you can help us improve.
For documentation contributions we recommend you install restructuredText into your copy of vscode so you can lint and preview your work before it is submitted.
This is documentation for angular-folder-structure. If you find this useful please add your ★ star to the project.