Setting Up Angular 2 in Visual Studio

Step 1 – Install Node.js and npm

• Node.js and npm are essential to Angular development

• To get latest version of Node.js

https://nodejs.org/en/download/

• Node Version 4.6.x or greater is required

• Npm version 3.x.x or greater is required

• To check version of node after installed : node -v

Installed Node version check

• To check version of npm after installed : npm -v

Step 2 – Install Visual studio 2015 update 3 or greater

Step 3 – Configure Environment settings for node and npm

Step 4 – Install Typescript

• To develop angular applications Typescript 2.2.0 or later is required

• To check the version of  Typescript, click help>About Microsoft Visual Studio

• To get latest version of Typescript:

https://www.microsoft.com/en-us/download/details.aspx?id=48593

Step 5 – Create an empty ASP.NET Web Application Project

Step 6 – Download “Quick Start files” from Angular website

        https://github.com/angular/quickstart

Step 7 – Copy the required “start files” to web application project

• After download Quick start files, extract the zip file and copy the below highlighted files to root directory web application project

Step 8 – Restore required packages

Step 9 – Run the Project(command: npm start)

• Select the project location path and type "npm start" at command prompt and then press enter

After Successful Run, you will see the following output in browser: