Structure of an Angular Application
Learn about the structure of an Angular application and explore the purpose of each folder and file.
We'll cover the following...
We are about to take the first intrepid steps into examining our Angular application. The Angular CLI has already scaffolded our project and done much of the heavy lifting for us.
When we develop an Angular application, we’ll likely interact with the src
folder. It is where we write the code and tests of our application. It is also where we define the styles of our application and any static assets we use, such as icons, images, and JSON files. It contains the following:
app
: This contains all the Angular-related files of the application. We interact with this folder most of the time during development.assets
: This contains static assets such as fonts, images, and icons.favicon.ico
: This is the icon displayed in the tab of our browser, along with the page title.index.html
: This is the main HTML page of the Angular application.main.ts
...