Back in March of 2017, I was invited to participate in the Visual Studio 2017 launch by delivering a live 1 hour session on Building web apps powered by Angular 2.x using Visual Studio 2017 - you can tell marketing came up with the title!
It was a fun opportunity and gave me a chance to talk about something other than UWP. However, at the time, I felt that the biggest drawback with the integration of Angular and Visual Studio 2017 (and VS Code) was the fact that the project created by the template was incompatible with Angular CLI. If you are unfamiliar with Angular CLI – it is a powerful tool that makes it easy to create an Angular application and add components to it as you go. It obviates the need to manual create boilerplate code and ensures that components are “registered” with modules, etc.
Well – good news! The latest versions of the angular template now fully support Angular CLI! You can check out the updated documentation here https://docs.microsoft.com/en-us/aspnet/core/spa/angular?tabs=visual-studio. In a nutshell, the project template allows you to create a single project that contains an Angular client-side application and an ASP.NET Core Web API backend. This allows you to build and deploy both aspects as a single unit so now you get the incredible productivity of Visual Studio 2017 and Angular CLI. Maybe I will update my sample at some point…
For a trip down memory lane, you can check out the outdated video from the Visual Studio 2017 launch below: