且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在 Visual Studio 的 ASP.NET Core 项目中使用 Angular CLI 项目模板

更新时间:2023-02-15 20:45:01

我只是运行

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.

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: