Understanding Angular CLI Project Structure

Angular CLI has turned as the most famous tooling for Angular app development. When generating a project using Angular CLI, following project structure is created:

Let's see the details of the important files and folders of this project.

e2e: This folder is for end to end testing and contains files for integration files.

node_modules: This folder contains all packages when npm install command is excuted.

src: This folder contains all the project files related to angular application. This is the main source code of our application.

.angular-cli.json: This file contains angular project related information like name of application, application version, version of angular modules used in the project etc.

package.json: This is the simple package file used with node to maintain all the dependancy packages used in the project.

tsconfig.json: This file contains setting for compiling the TypeScript code into javascript. TypeScript is the most popular and by default used scripting language for angular.

In the next section, we'll see the basic building block of angular - Components and how components works.