Structure of an Angular application
We are about to take the first intrepid steps into examining our Angular application. The Angular CLI has already scaffolded our project and has carried much heavy lifting for us. All we need to do is fire up our favorite IDE and start working with the Angular project. We will use VS Code in this book, but feel free to choose any editor you are comfortable with:
- Open VS Code and select File | Open Folder… from the main menu.
- Navigate to the
my-app
folder and select it. VS Code will load the associated Angular project. - Navigate to the
src
folder.
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
: Contains all the Angular-related files of the application...