ASP.NET Core Angular 2 – Starter Kit – Visual Studio 2017 Project

Hi Friends,

Thought to share the starter kit for Visual Studio 2017 RC. This starter Kit is basically for Single Page App, using ASP.NET Core, Angular 2 and bunch of other stuffs.

asp-net-core-logo_2colors_boxed_rgb_bitmap_big

Below is the completed solution in its finished form.

32nd

Once, you download the same. Make sure to clean the project and rebuild the same. During Rebuild, it should automatically download all the required dependencies from client side and server side. In-case, if NPM dependencies won’t download successfully, then in that case restore them manually either from cmd prompt or by rt-clicking the dependency and then by selecting restore.

Upon successful build, when you run the app, this will produce the below stuff.

33th

Above page is the static page. However, when you click on Fetch Movies, then it will produce the following page.

36th

This Page is illustrating how to API from Angular gets called and then serving the page. I am also running webpack in watch mode in command prompt just to make sure that whatever changes I am making in client side, it should reflect automatically in browser.

34th

One point to note here, although this is good starting point for Angular 2 Using ASP.NET Core in VS2017 edition. But, before getting started, developers are expected to have working knowledge of Typescript, Angular2, ASP.NET Core and other dependent stuffs.

Download Code Link:- https://github.com/rahulsahay19/MovieReviewStarterKit

Thanks,
Rahul Sahay
Happy Coding

2,224 total views, 42 views today