Project Structure of
Angular Project
§ In
this Session we will discuss all the files and folders in the Angular project
§ 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 AngularDemo
Ø ng is the Angular CLI
Ø new for creating a new application
Ø AngularDemo is the name of your angular application
§ A new folder with
name AngularDemo is created.let's look the
files in a project folder and how the execution flows in visual studio code we
have the AngularDemo project folder there are lot of files so I am going to
discuss only a few of them that are really important at this stage the first
one is the package.json file.
§ This file contains
the dependency and the dev dependencies which are nothing is the libraries and
module that are required for angular application to work.
§ The package that
it is listed here it installed when you run the command
ng new AngularDemo
§ All
the packages get installed inside the node module folder.
§ we
also have some of the scripts that can be executed ng serve command
then this is one of them which runs are application you can also execute npm start which will internally call ng serve command.
node_modules folders
Author Name
Author Description!
Get Free Email Updates to your Inbox!
Post a Comment