blog

Step by Step Angular 2 Implementation in Visual Studio Update 3

Prerequisites

There are some important installation process need to be  carried out.

Note : – Content in Prerequisites are copied from – https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

Install Node.js® and npm if they are not already on your machine. Verify that you are running node version 4.6.x or greater, and npm 3.x.x or greater by running node -v and npm -v in a terminal/console window.

 

 

Configure Visual Studio to use the global external web tools instead of the tools that ship with Visual Studio:

  • Open the Options dialog with Tools | Options
  • In the tree on the left, select Projects and Solutions | External Web Tools.
  • On the right, move the $(PATH) entry above the $(DevEnvDir) entries. This tells Visual Studio to use the external tools (such as npm) found in the global path before using its own version of the external tools.
  • Click OK to close the dialog.
  • Restart Visual Studio for this change to take effect.

Visual Studio will now look first for external tools in the current workspace and if not found then look in the global path and if it is not found there, Visual Studio will use its own versions of the tools.

 

While Visual Studio Update 3 ships with Typescript support out of the box, it currently doesn’t’t ship with Typescript 2, which you need to develop Angular applications.

To install Typescript 2:

You can find out more about Typescript 2 support in Visual studio here

At this point, Visual Studio is ready. It’s a good idea to close Visual Studio and restart it to make sure everything is clean.

Let’s