Hands-On Full Stack Web Development with Angular 6 and Laravel 5

The structure of an Angular application

Now that we have created our application, let's examine some important files. Although these files have already been set up and and are ready for use, we often need to add settings, and even other modules, in real-world applications. 

Open the chapter03 folder in VS Code; you will see the following screen in the VS Code explore tab:

Angular project structure

So, inside the /src/app folder, we have the five main blocks of an Angular application, except for the service (which we will see soon):

app.routing.module.ts	Route
app.component.css	Style sheet
app.component.html	Template
app.component.spec.ts ...