【问题标题】：How to add and update npm packages for a new Angular app in Visual Studio 2019如何在 Visual Studio 2019 中为新的 Angular 应用添加和更新 npm 包
【发布时间】：2019-05-23 13:28:59
【问题描述】：

我刚刚在 Visual Studio 2019 中安装并创建了我的第一个 Angular 应用程序。我使用了 .Net Core Web 应用程序类型项目和 Angular 框架。我在 package.json 文件中看到，正在使用 Angular 6.1.10。我知道我可以使用 cli 安装包，但是如何从 Visual Studio UI 安装新包（例如 Angular 7 或 Angular Material）并将旧包更新到新版本？

我想尝试留在 VS 2019 UI 中！

这在 VS UI 中是否可行？

【问题讨论】：

标签： angular npm npm-install visual-studio-2019

【解决方案1】：

因为您想尝试留在 VS 2019 UI 中！

Open VS 2019 --> From right side, click on 'Open a local folder'(Of course you can use alternative ways too) --> Navigate to ClientApp or Whatever your folder name where package.json exists.

Then, `Tools --> NuGet Package Manager --> Package Manager Console`

当您指定“我知道我可以使用 cli 安装软件包”时，请使用您所需的命令。有关命令，请参阅@Mahi 的答案。

这样，你就不用从VS 2019出来了。

【讨论】：

其他方法之一是使用菜单项：查看 -> 其他窗口 -> 包管理器控制台。然后执行“cd ClientApp”。当然，您仍然需要知道如何使用 npm 命令。没有用户界面。

【解决方案2】：

正如 Sajeetharan 所说，VS2019 没有单独的支持。

试试这个：-

1) npm uninstall -g @angular/cli
2) npm install -g @angular/cli@latest
3) npm install --save @angular/material @angular/cdk @angular/animations

和，

将旧包更新为新包：-

npm i -g npm-check-updates
ncu -u
npm install

【讨论】：

【解决方案3】：

在 Visual Studio 2019 中不支持 UI 支持，我会说它也不需要。

您可以随时添加所需的软件包，然后发送 npm i。我个人在 VSCODE 中打开 ClientApp 文件夹，这使得 Angular 的开发更容易

【讨论】：