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

Step 1: Create a new ASP.NET MVC project

Step 2: Clone or download the QuickStart files form

Step 3: Copy the QuickStart required files into the ASP.NET project folder

Step 5: [3:42] Restore the required packages
- When the restore is finished, a message in the bottom message bar of Visual Studio should say: Installing packages complete

Step 6: [4:13] Add angular 5 references

Step 7: [5:11] Build and run the app

Music:

[AndNM-wl]

This video is gold. Every other tutorial on internet, about how to configure angular with aspnet MVC it's bullshit. Thanks partner.

[arwahsapi]

I didn't learn Angular here but the cmd trick is priceless!

[richard]

I don't know what words I can say to thank you for this tutorial. Wish you good luck

[ebubekircagrsen]

Writing cmd on navigation bar then boom. This is the best practice tip in all my programming career. Can you make a video about shortcuts and practices ?. It would be great. Thank you.

[AbdulQadirKhan]

this all should be made in one simple template. Thats what our job is as a dev, automate and KISS

[esnareshnetha]

good start thats a clean explanation, looking forward for CRUD and many more. Thank you

[daveguth]

Excellent video, very thorough. Had a question about adding additional modules. If you use npm from a terminal within Visual Studio, do you need to do anything special to add other modules? For example, I would like to add ngx-toastr. Will angular CLI work within visual studio from the terminal, and will it automatically find the hidden directory you displayed in your video?

[pragmatic-xyz]

Your music was annoying in the beginning but by the end it started feeling pleasant.

[mattratliff]

Great walk-through. Very straight forward.

[basilio]

From angular site:

This repository is now deprecated. The Angular Quickstart project was a nice starting point for creating Angular applications. Now we recommend using the Angular CLI to create new Angular projects.

Starting from 1 November 2017, all the Angular documentation, at angular.io, is based on the Angular CLI.

[rafaelsouza]

The only one that worked for me, thanks a lot!

[amitgoodguys]

Following same steps as per video but once i press CTRL + F5, I am getting error " Object doesn't support property or method 'config'-. In debugger error in 'systemjs.config.js'

[SY-uhvs]

is there anyway you can do it now with angular8 it seems that their site is different and the package as well. thank you

[maxlimgj]

How do I add scripts to angular components?
bundles.Add(new doesn't work foor me because I am trying to add the script into the components of angular, angular-cli.json doesn't work for me as well

[vladimircapka]

Hello, i would love to get some tips or links on how to debug angular code, i am working right now on angular 8 with aspnet MVC and i have troubles to debug javascript side. thank you for your time and i wish youto have a nice day

[FawazIqbalKhan]

good video on integrating/using angular 5 with ASP.NET MVC and web api

[aqkhana]

Question what's a point to use VS ??? very fed up with MS now

[smsurendar]

Thanks. Step by Step guide to build the first program in angular

[lucas.juliano]

How do I configure the build for production? Do you have any examples?

[SuperATTK]

I am getting an error when attempting to rebuild the project.

Build:In ambient enum declarations member initializer must be constant expression.

File: output_ast.d.ts
Lines: 576 - 578

I feel like this is related to my version of Angular vs the version of Typescript I have.

Angular: 6.0.6
Typescript: 2.3

Any advice that can be given would be greatly appreciated.