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
.