Day 18：将你的 Angular 更新到最新版！

今天要来谈谈如何查看 Angular 应用程序的版本及更新。

首先，我们要先知道目前本机端的 Angular 版本为何，可以先在终端机面板输入 ng version 指令，就会出现以下画面：

可以看到结果列出了包含 Angular、Angular CLI、TypeScript…等许多与 Angular 应用程序相关的套件版本。

而如果要更新这些相关套件的版本，只需要终端机面版输入 ng update 指令，就会进行更新，十分的简单！

如果你的版本升级，ng update 这个指令也会自动修正可能产生的问题，而 ng update 所执行的动作，就是去修改专案内的 package.json 这个档案里，相关套件的版本号，我们可以用 Git 版控的画面来看看更新前後的变化。

因为昨天才更新过 Angular CLI 的版本，所以这次 update 变更的地方不多是正常的。

接下来，我们要来看看如何更新 global（注 1） 的 Angular CLI 版本。

首先，我们先在终端机输入指令 npm list -g（列出所有 global 安装的 npm 套件）再加上 --depth=0（只列出第一层的 npm 套件），呈现画面如下：

可以看到 global 的 Angular CLI 版本是 12.2.7，接着透过输入指令 npm outdated -g 可以查看是否有新版本的 Angular CLI，如果没有出现任何资讯，就代表目前已经是最新版本。

如果有出现讯息的话，可以透过输入指令 npm install -g @angular/cli 来安装最新版本的 Angular CLI。

最後，我们来聊聊 Angular 升级的部分，多数的情况下，Angular 升级，原本的程序是不需要修改的，如果你会担心升级之後导致程序挂掉，可以到运用这个网站：Angular Update Guide来取得版本升级的相关资讯。

只要输入网页上的栏位并按下显示如何更新的按钮，该网页就会列出所有应该注意的事项，十分的便利。

以上，就是关於 Angular 应用程序如何升级到最新版本的探讨。

注 1：全域安装 vs 区域安装的差异，可以看这个文章连结。