Menu

Step By Step Creation Of Angular Project With TypeScript Using Visual Studio 2015

November 3rd, 2017

Creating #AngularProject w/ #TypeScript in steps using #VisualStudio2015 by @karthikstorms

  • In this article, we will learn how easily we can create an Angular v2 project using Visual Studio 2015.
  • Go to Visual Studio and click File > New > Project.
  • Next, click Web under Visual C# on the left pane, choose ASP.NET Web Application from the right pane, and name your project as per your wish.
  • Step 5 From the “Quick Start Files” Copy the required “Starter files” to our project – – In this step, we need to get the official Angular startup files and copy to our project – – After downloading and extracting the files, we need to copy the required files and folder…
  • Now, click “Show All File” icon in “Solution Explorer” and include all the copied files/folders in the project.

In the right pane, move the global $(PATH) entry to be above the internal path $(DevEnvDir) entries. This tells Visual Studio to look for external tools (like npm) in the global path before the internal path.

Introduction 

In this article, we will learn how easily we can create an Angular v2 project using Visual Studio 2015.

Installation Process

Step 1 Install Visual Studio 2015 Update 3

Link

Once you have installed the Visual Studio, you can verify your version installed like below.

Open Visual Studio from “Start” menu and go to the Help menu. Click “About Microsoft Visual Studio”.

Here is the version details of your Visual Studio.

Step 2 Install and configure Node.js and npm

Link

Sample screenshots for Node installation.

After clicking some of the screens, finally, you will get the Finish screen; just click “Finish”.

That’s it. Now, Node is installed successfully. We can go and verify in the normal command prompt by entering these two commands,

You will get a version of that, like in the below screenshot.

Now, let’s configure Node inside Visual Studio. For that, open Visual Studio and click on Tools -> Options.

In the “Options” window, expand “Projects and Solutions” and select “External Web Tools”.

In the right pane, move the global $(PATH) entry to be above the internal path $(DevEnvDir) entries. This tells Visual Studio to look for external tools (like npm) in the global path before the internal path.

Click “OK” to close the “Options” window and then restart Visual Studio for the…

Step By Step Creation Of Angular Project With TypeScript Using Visual Studio 2015