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

Angular 6 Best Practices → bit.ly/2Jw6ypG
Visual Studio 2019 Launch Event → bit.ly/2UCv90I
.NET Conf 2018 - The Official .NET Conference Event → bit.ly/2OPFqE8
ASP.NET Core 2.0 (.NET Conf 2017) → bit.ly/2y2CDjJ
AngularJS with ASP.NET MVC → bit.ly/2IN1NEw
Git and GitHub tutorial → bit.ly/2KqfwRM
Integrate angular 5 with asp.net mvc web application in visual studio 2017
Step 1: Create a new ASP.NET MVC project
Step 2: Clone or download the QuickStart files form
github.com/angular/quickstart
Step 3: Copy the QuickStart required 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] Config package.json file
Step 5: [3:42] 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 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 7: [5:11] Build and run the app
Source code here → github.com/itworld1st/Ng5Demo
Music:
Vexento - Never Letting Go youtu.be/1Dq9n83_9bs
Vexento - Happiness youtu.be/3qTOgiBVSDc

Category : Компьютерные игры

#angular#5#asp#net#mvc#web#api#visual#studio#2017