Set Up Visual Studio for Angular 2 and .NET Core web app Development





I find myself on one of the those bleeding edge projects again, and as is customary on these types of projects it is necessary to go through many toothing troubles.   A lot of the toothing problems are basically related to tooling issues i.e. how the various new tools and options inter-op with each other and how to efficiently set up your development environments to cope with it.

Set Up Visual Studio 2015 Update 3 for Angular 2 and .Net Core Development

Although yo can use Visual Studio 2015 Update 3 to develop Angular 2 and .Net Core Development there are some prerequisites required and there are still a few gotchas.




Install Node

Once you have NVM installed go ahead and install a version of node you would like to use. In my case I just installed the latest LTS (6.9.2 at the time of writing) to do so  open a new CMD window

nvm install 6.9.2

then use it

nvm use 6.9.2

Install ASP.net Core Template Pack

There is a collection of .Net Core project templates, which require the Current .net core tooling
.net core tooling downloads.

Install the ASP.net Core Template Pack

You should now be be able to Generate a new project using one of the new Wizards installed into Visual Studio

 

Before starting

Before hitting Ctrl + F5 and running the application you may need to update the library verisons of the .net core dependencies. The template pack will generate all dependencies with 1.0.0, which reference .net core 1.0.0. However, you may want to use Asp.net core 1.1.0.

just need to make one small change to the project.json file.  At aproximately line 32 if you’ve change the Framework netcoreapp to 1.1.

  "frameworks": {
    "netcoreapp1.1": {
      "imports": [
        "dotnet5.6",
        "portable-net45+win8"
      ]
    }
  },

You should now be able to run the project and explore it



Gary Woodfine

Technical Director at Denizon
Gary is Technical Director at Denizon, an independent software vendor specialising in IoT, Field Service and associated managed services,enabling customers to be efficient, productive, secure and scalable in a way which helps them address and reduce their ecological impact.

Denizon's product line successfully integrate IoT, Artificial Intelligence and Blockchain technology to enable efficient, productive, secure and scalable solutions to help organisations address increasing energy demands, ecological impact and Health & Safety concerns of their staff.

Latest posts by Gary Woodfine (see all)