how to use Angular CLI Project Template in ASP.NET Core project in Visual Studio

Question

I found a marketplace template(Angular CLI Project Template) for creating and configuring an Angular CLI project in Visual Studio. When I download and install .VSIX file from the marketplace, the error:

The extension cannot be installed to this product due to prerequisites that cannot be resolved appears.

I have installed Visual Studio 2017, Node.js and Angular CLI on my computer.

I know that there are many manual configurations for matching Angular CLI with ASP.NET Core but this template seems to work as same.

Answer 1

I just run the Angular CLI Project Template vsix installer and all works fine for me.
If you check the source.extension.vsixmanifest Prerequisites section you will see:

<Prerequisite Id="Microsoft.VisualStudio.Component.CoreEditor" Version="[15.0,16.0)" DisplayName="Visual Studio core editor" />
<Prerequisite Id="Microsoft.VisualStudio.Component.NuGet" Version="[15.0.26208.0,16.0)" DisplayName="NuGet package manager" />
<Prerequisite Id="Microsoft.VisualStudio.Component.Web" Version="[15.0.26323.1,16.0)" DisplayName="ASP.NET and web development tools" />

Just try to install the ones you are missing and I think you should be fine after then. In order to do that you need to update your visual studio 2017 or get missed components installed.

FYI my visual studio 2017 version looking like this: