Visual Studio 2017 Angular 4 Templates

Question

I am looking for a good Angular 4 template for Visual Studio 2017. Or what is the best template to use and the way to proceed? This will be for a Angular 4 SPA web page.

Bolen

Answer 1

SPA templates have now been updated for Angular4. You can follow this article.

Downcast

Answer 2

For a barebones Template, independent of backend, and for an overall nice tool to help with Angular 2+ development, look into the Angular CLI, as was mentioned in a comment by Vahx.

Specifically for an app starter template, the ng new command does the following:

The Angular CLI makes it easy to create an application that already works, right out of the box. It already follows our best practices!

Once you have a new app, you can then further quickly generate some additional boilerplate / templated code as you progress in development, via the ng generate command:

Generate components, routes, services and pipes with a simple command. The CLI will also create simple test shells for all of these.

Check out the Angular CLI Docs page and the main Angular Getting Started Tutorial, for further info.

Although this is not a Visual Studio specific template, it is an option to consider.

Sayer

Answer 3

If you are looking for a more robust template, I found that the Emonney QuickApp template has some nice features, including login, REST API, EF, boostrap and webpack setup already.

Getting it going wasn't too difficult, just make sure you read the installation notes on their documentation page.

Sayer

Thanks for the Emonney link. It's now updated to AspNet Core 2.2 and Angular 8. – Hosea

Answer 4

Video instructs installing SPA templates for .NET Core project from here. It installs different kind of templates like Angular, Knockout, Vue...etc

Kneepan