Setup Angular 4.2.4 with Visual studio code using Angular CLI

1.     Install Visual studio code with your machine.
https://code.visualstudio.com/

2.     Install latest version of Node.js for window 64 bit with your machine
https://nodejs.org/en/download/

3.     Now go with command prompt and check node and npm version installed for cross check after installation. Use below commands and press enter to see version details

node -v
              example: 5.3.0
npm -v
             example: v8.4.0
4.       Now, install Angular CLI globally. Go with command prompt and use below command & press enter

npm install -g @angular/cli

5.        After CLI installation, we are ready to create new project. Now, go with local directory in which you want to create your project in command prompt. Use below command to create new project
 ng new my-project-name

6.       Go with your project directory and use below command to run your project then press enter
 cd my-project-name

 ng serve


 After enter open your browser on http://localhost:4200/, you will get your first app.

Comments

Post a Comment

Popular posts from this blog

Single Sign On (SSO) Implementation in ASP.NET MVC

Image
What is Single Sign On (SSO)? To access any secured page in a web application, the user needs to authenticate and if the user want to access multiple web applications then the user has to login for each of those applications individually. Logging in multiple times can be eliminated with Single Sign On i.e. user has to login only once and can access web multiple applications. <machineKey validationKey="<MachineKey>"                 decryptionKey="<DecryptionKey>" validation="<CryptoAlgorithm>" decryption="<CryptoAlgorithm>" />     <authentication mode="Forms">       <forms name="SingleSignOn" loginUrl="<SSOLoginURL>" timeout="480" slidingExpiration="true">        </forms>     </authentication> How to enable Single Sign On? The key for enabling Singl...
Read more

Setup Angular 4.2.4 with Visual studio 2015 And Run by Using F5

Image
                                      Setup Angular 4.2.4 with Visual studio 2015 1.       Install Node version 4.6.x or greater. https://nodejs.org/en 2.       Npm 3.x.x or greater 3.       Check version of node and npm Now go with command prompt and check node and npm version installed for cross check after installation. Use below commands and press enter to see version details node -v               example: 5.3.0 npm -v              example: v8.4.0 4.       Install visual studio 2015 update 3       5.        Configure environment setting for node and npm. Go in tools à Options ...
Read more