ASP.NET Core And Angular 4(CLI)

Prerequisite

Visual Studio 2015 updated 3

How to install ASP.NET Core

To install ASP.NET Core, the following files are required.

1. DotNetCore.1.0.0.RC2-SDK.Preview1-x64
2. DotNetCore.1.0.0-VS2015Tools.Preview2
3. dotnet-dev-win-x64.1.0.0-preview2-1-003177
4. DotNetCore.1.0.1-VS2015Tools.Preview2.0.2
5. DotNetCore.1.0.1-VS2015Tools.Preview2.0.3

After installing all files, check if the files are installed or not.

C:\Program Files\dotnet\sdk

1.0.0-preview1-002702

1.0.0-preview2-1-003177

1.0.0-preview2-003131

Step 3

Open Visual Studio >>New Proejct >> Web >> ASP.NET Core Web Application(.Net Core).

Step 4

Install Node.js (select the latest version).

How to find version

dotnet –version - displays .NET Core SDK version.

node -v - displays Node.js version

npm -v - displays NPM version

ng -v  - displays Angular CLI version

Step 5

To create Angular CLI Project, go to Start and select CMD as administrator.

Step 6

Enter the command: NPM INSTALL -G @ANGULAR/CLI

Note

-G is the symbol of the global keyword.

Step 7

Create Angular Project, select the system drive where we want to create it.

MKDIR My_First_Project .MKDIR (make directory) 

Step 8

Add the following command: ng new project

Step 9 Run Angular project

Select project name and enter ng server –open command.