Angular CLI project structure 1

In this video we will discuss the Angular project structure. I have split this into 2 videos. In this video, we will discuss all the files and folders in the Angular project, except the "src" folder and it's contents. In our next video we will discuss the "src" folder and it's contents.

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

One of the easiest ways to create a working angular project, is by using the Angular CLI. The following Angular CLI command creates a working Angular Project out of the box
ng new AngularProject

As you can see there are several files in the project. The table below shows the purpose of each file/folder.

CHANGE "start": "ng serve" TO "start": "ng serve --open".

e2e Folder : Contains end-to-end tests and their configuration files. We will discuss end-to-end tests in our upcoming videos.

.gitignore : This file is used to determine files and folders you don't want to check in to source control. For example one of the folders we do not want to check in to source control is /dist folder which is auto generated when we build the application. So this folder is listed in this file. So, all the files and folders listed in this file are ignored, when a change set is checked in to source control.

README.md : This is a README file which contains the commonly used Angular CLI commands out of the box. You may enhance it with your own project documentation so that anyone checking out the repo knows the commands to use to build, run and test your app.

In our next video we will discuss the "src" folder and it's contents.

Text version of the video

Slides

Angular CLI Text articles & Slides

Angular CLI Tutorial

All Dot Net and SQL Server Tutorials in English

All Dot Net and SQL Server Tutorials in Arabic

[edmilsonbernardo]

Thank you so much venkat, nice tutorials

[ihsanullah]

Great work sir Record a Short series on crystal reports in .Net different technologies like C#, Asp.net, Asp.net MVC...Regards

[mrudangdalal]

While Checking in this Project to TFS is it required to Check-in ng_module folder as well ?

[josephregallis]

The Angular version I'm using shows karma.conf.js file in the src folder. And protractor.conf.js is in e2e folder.

[abhishekkhandelwal]

In the middle of the project if we decide to move from css to scss. Can we do that?How