Just a playground... P.S. I'm a terrible designer :)

	Status
Debug build and unit tests status (Windows):
Unit tests coverage status:
Release build status (Linux):

Obviously you should have Net Core SDK 1.0 and Nodejs/npm 6.x already up and running for everything that follows.

Restore packages, building, assembling and publishing goes like

dotnet restore
dotnet publish --configuration Release --output ../../artifacts/approot src/HelloCoreClrApp
dotnet msbuild /t:publish /p:configuration=Release /p:output=../artifacts/wwwroot ui

Find the result within the artifacts/ folder. Please read http://docs.asp.net/en/latest/publishing/linuxproduction.html how to go ahead with installation and front-end servers.

Use

dotnet restore
dotnet build
dotnet build ui

to restore packages, bindings, building and for assembling the web application. Use

dotnet test test/HelloCoreClrApp.Test/HelloCoreClrApp.Test.csproj
npm run test --prefix ui

to run C#, TypeScript/JavaScript unit tests and e2e tests.

Use

export ASPNETCORE_ENVIRONMENT=Staging
dotnet run --project src/HelloCoreClrApp/HelloCoreClrApp.csproj

to run the web server. Now open http://localhost:5000/ in you favorite browser. Enjoy source maps in your browser when testing manually.

If you want a dedicated front end server for testing you can additionally use

npm run serve --prefix ui

and open http://localhost:3000/ in you browser.

For a nice web programming experience I'm using Visual Studio Code with the following extensions:

tslint, ESLint, stylelint, HTMLHint, Wallabyjs for Visual Studio Code, markdownlint, Spelling and Grammar Checker, Debugger for Chrome

Note that Wallabyjs is a commercial extension, for that you'll also need to run npm install wallaby-webpack within the ui folder. Use the following command to set up required node packages for above extensions if you haven't installed them globally.

npm install tslint typescript eslint eslint-config-standard eslint-plugin-node eslint-plugin-import eslint-plugin-standard eslint-plugin-promise stylelint stylelint-config-standard htmlhint

My choice for C# development is JetBrains Rider.

Use again

dotnet restore
dotnet build
dotnet build ui

to restore packages and bindings. Finally run the following commands in separate terminals for building and testing on file save.

export ASPNETCORE_ENVIRONMENT=Development
(cd src/HelloCoreClrApp;dotnet watch run)
(cd test/HelloCoreClrApp.Test;dotnet watch test)
npm run watch --prefix ui
npm run unit-tests:watch --prefix ui

Your favorite browser should fire up and should open http://localhost:3000/. Happy coding!

• Remove our local OpenCover package once OpenCover with portable pdb support is available on NuGet OpenCover/opencover#610.