2022 年升级 Angular

Question

我读过https://update.angular.io/?v=12.0-13.0 所以在 Visual Studio 中

npx @angular/cli@13 update @angular/core@13 @angular/cli@13

一切看起来都不错，但我对不同地方列出的各种版本感到困惑。

> ng v

表演

...
Angular CLI: 13.2.3
Node: 14.18.0
Package Manager: npm 6.14.15
OS: win32 x64

Angular: 13.2.2
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, material, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1302.3
@angular-devkit/build-angular   13.2.3
@angular-devkit/core            12.1.4
@angular-devkit/schematics      12.1.4
@angular/cli                    13.2.3
@schematics/angular             12.1.4
rxjs                            6.6.7
typescript                      4.5.5

嗯，我猜这 12 个都还好，但我不知道。他们是吗？我应该升级吗？如何升级？

但如果我尝试

> npm outdated -g
Package       Current   Wanted  Latest  Location
@angular/cli   12.2.4  12.2.16  13.2.3  global

在 Visual Studio 之外，有人告诉我 ng 使用的是 12 版。

> ng v
Angular CLI: 12.2.4
[...]
Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1202.4 (cli-only)
@angular-devkit/core         12.2.4 (cli-only)
@angular-devkit/schematics   12.2.4 (cli-only)
@schematics/angular          12.2.4 (cli-only)

为什么两个不同的 ng v 命令和 npm outdated 看起来不同（或者我对 ng v 的理解不正确）以及我可以做些什么来理顺这些事情以便我可以使用所有最新的东西?

Answer 1

你可以在两个地方（本地项目和全局）有两个不同的版本，这是正常的。

原因是你已经在全局安装了一次 Angular（当你在任何地方运行 ng v 时显示的版本，而不是本地项目）以及当你使用 ng 创建一个新项目时new 将采用全局版本，但将具有单独的 node_modules，仅用于创建的新项目的本地。

现在，如果您更新已创建项目中的版本，则只会更新该项目的本地版本，全局 Angular 版本将保持不变。

为了更新全局版本，您可以使用相同的命令来实现，但只需使用 -g 作为参数。

以及您最新问题的答案：

ng v 在本地项目之外运行会得到与 npm outdated -g 相同的结果 - 考虑全局版本。

ng v 在本地项目中运行应该得到与 npm outdated 在本地项目中运行相同的结果 - 考虑本地项目版本。