Angular setup

In this article going to learn how to install node js and angular cli in windows machine with simple steps.

Install Node JS:
Spte1: download the Node JS software
Before download the node js software check your windows operating system bit version from system properties.
you can check system properties by right click on the "My Computer"


Once identified the operating system version go to node js website then download the node js software using below url:
https://nodejs.org/en/download/
Click on the corresponding link based on the operating system bit version and save it in your local machine.
Below are the steps to install the node.js software:

After download install in your machine by followed by node js installation steps.
Once node.js installation done open command prompt and double check the node js installed or not by run the below command
>node -v 
or
>node -- version
The above command displays the version which you installed in your machine.


if you are able see the version of nodeJS then you are successfully installed NodejS in your system.

Step 2: Install Angular cli by using NPM commands

open command prompt and check the npm version by using "npm -v" or "npm --version" commands.If you are able to see the npm version then you are ready to install the angular cli in your machine.
 to install the angular cli use the below command from command prompt. it will take few minutes to install the angular cli.

step 3 : create angular project by using angular cli.
run the command "ng new <<application namme>>" then the angular cli will create a environment which required to run the angular application.



Step 4: Download the Visual studio code software and install.
Go to the visual studio code download page, choose the corresponding bit version and download it.
 Visula studio download link: https://code.visualstudio.com/download



I recommend to download zip format file and its very easy to use without install this software.


Now visual studio editor is ready to use. the first step is import the project which we earlier generated by using angular cli in step 3:

Step 5: Run the script -serve.

Step 6: Test the application.



Comments

Post a Comment

Popular posts from this blog

npm ERR! Unexpected token } in JSON at position 438325

Error : npm ERR! Unexpected token } in JSON at position 438325 when trying to run "npm install" command in angular CLI getting the below error: npm ERR! Unexpected token } in JSON at position 438325 npm ERR! A complete log of this run can be found in: npm ERR!     C:\Users\Subba\AppData\Roaming\npm-cache\_logs\2019-04-23T13_44_36_571Z-debug.log To resolve this error below are the solutions Solutions:  execute the command "npm cache verify" - which will clear the cache of package.json then re run the "npm install" it will work. If still not working go to manually located angular root folder and delete the "package.json.lock" then re run the "npm install" command. still if you are facing the issue it may be due to proxy settings because when delete the "package.json.lock" it will delete the existing saved proxy settings so re run the proxy setup commands. npm config set proxy <<PROXY_NAME...
Read more

Angular 2 Vs Angular4

The difference between angular2 and angular4 versions are mainly based the below features Feature Angular2 angular4 Release date end of 2015 23-Mar-17 Architecture MVC design pattern components architecture based Mobile Support Yes Yes Script support < Type script 1.8 > Type script 2.X Animation included in @angular/core came out from @angular/core package and created separate package
Read more