今天要來談談如何查看 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 區域安裝的差異，可以看這個文章連結。