Angular 4 with ASP.NET MVC, Web API in Visual Studio 2017

Integrate angular 4 with asp.net mvc web application in visual studio 2017 Step 1: Create the Visual Studio ASP.NET project Step 2: Download or clone the QuickStart files form https://github.com/angular/quickstart Step 3: Copy the QuickStart files into the ASP.NET project folder - package.json - tsconfig.json - systemjs.config.js - systemjs-angular-loader.js - main.ts - app.module.ts - app.component.ts Step 4: [2:46] Restore the required packages - Right-click on the package.json file in Solution Explorer and select Restore Packages - When the restore is finished, a message in the bottom message bar of Visual Studio should say: Installing packages complete Step 5: [3:26] Add angular 4 references
or Step 6: [4:13] Add angular 5 references - [4:18] Add angular 5 libraries references in Views/Shared/_Layout.cshtml file - [4:34] Add root component in Views/Home/index.cshtml file

Step 6: [4:52] Build and run the app If build fail, you can fix same in this video [5:06] Setting up angular with asp.net mvc in visual studio 2017 Setting up angular 4 with asp.net mvc in visual studio 2017