This example is now configured for webpack, the latest commit targeting system.js can be found at commit def228f

This project is using the Visual Studio 2017 *.csproj format. The latest version that works with Visual Studio 2015 can be found at commit 9a5591c

NetCoreHeroes is an example project for the Angular 2 Tour of Heroes tutorial using TypeScript in Visual Studio 2015. It's currently on Angular 4.1.3 and Asp.Net Core 1.1.2. I've published a few blog posts describing the process from setting up Visual Studio to Continuous Integration with Jenkins.

Instructions for building and testing the project on Linux are available here.

A live example is available here.

Visual Studio: Restore node packages for the main NetCoreHeroes project and hit F5 to launch in debug mode.

Command Line: Run npm install, then npm run tsc to restore client side dependencies and compile TypeScript. npm run webpack creates the client side JavaScript bundles. You might use the WebPack Task Runner in Visual Studio to automatically regenerate the client side bundles when you debug the solution.

Then run dotnet restore and dotnet build to compile the Asp.Net Core backend. dotnet run starts the project.

Just build the whole solution, the NetCoreHeroes.Tests project has the required xUnit dependencies so unit tests are automatically discovered in Visual Studio.

To run the unit tests for Angular 2 components, get the Chutzpah Test Adapter for Visual Studio. The Angular 2 tests should then be available in the Visual Studio Test Explorer after a rebuild.

This example includes tests using async and inject with a MockBackend to unit test the HeroService.