Introduction
Angular JS is a open source JavaScript framework to develop web
applications. There are three major releases in Angular. First Release was
Angular 1 and it call as Angular JS. Angular 1 followed Angular 2.Angular 2 came with lot of changes compared to the Angular 1
version. Angular 2 followed Angular 4.Angular 4 is not contain lot of changes same as Angular 1
version. Project build by Angular 2 can use Angular 4 without any issues.
Setup Angular 4
First we need to setup environment to use Angular 4.we require
following
·
Node JS
·
Visual Studio Code or any Java Script IDE
·
Angular CLI
Node JS
Download Node JS https://nodejs.org/en/
Visual Studio Code
Download
Visual studio Code https://code.visualstudio.com/download
Angular CLI
After
installing Node JS you will get Node JS Command
prompt.
Type Following commands to create folders and install
Angular CLI
·
mkdir Blog
·
c cd Blog
mkdir Angular4-Test
Install Angular 4
npm install -g
@angular/cli
Type Following command to create Angular
project
ng new Angular4-Test
Now Environment is setup to use Angular 4. To
Run the Project type following command in the Node JS command prompt.
ng serve
you will get following output on browser
Double Click
visual studio code and Open the project directory using visual studio code. We can
edit and debug code using visual studio code and we can see the angular js 4 folder
structure clearly
Comments
Post a Comment