更新本地 Angular CLI - TypeScript

在使用 Angular 开发应用时，我们通常会选择使用 Angular CLI 来创建项目、管理依赖、构建和运行应用。在使用 Angular CLI 过程中，经常需要升级其版本以获取最新的功能和修复的 bug，本文将介绍如何更新本地 Angular CLI 和 TypeScript 版本。

更新 Angular CLI

更新 Angular CLI 通常需要先升级全局安装的 @angular/cli 包，然后再升级项目中安装的版本。具体步骤如下：

升级全局安装的 Angular CLI

通过 npm 命令行工具升级全局安装的 Angular CLI：

npm install -g @angular/cli@latest

上述命令将安装最新版本的 Angular CLI 包。如果要安装指定版本，请将 latest 替换为版本号。

用以下命令验证全局安装的 Angular CLI 版本：

ng version

上述命令将返回全局安装的 Angular CLI 和相关工具的版本信息。

升级项目中安装的 Angular CLI

在项目目录下，通过 npm 命令行工具升级安装的 Angular CLI：

npm install @angular/cli@latest --save-dev

上述命令将安装最新版本的 Angular CLI 包到项目依赖中。如果要安装指定版本，请将 latest 替换为版本号。同时，需要加上 --save-dev 参数将该包安装为开发依赖。

用以下命令验证项目中安装的 Angular CLI 版本：

npx ng version

上述命令与 ng version 命令执行的效果相似，但可避免与全局安装的 Angular CLI 版本冲突。

更新 TypeScript

TypeScript 是 Angular 的默认语言，也需要定期更新以获取最新的功能和修复的 bug。

升级全局安装的 TypeScript

通过 npm 命令行工具升级全局安装的 TypeScript：

npm install -g typescript@latest

上述命令将安装最新版本的 TypeScript 包。如果要安装指定版本，请将 latest 替换为版本号。

用以下命令验证全局安装的 TypeScript 版本：

tsc --version

上述命令将返回全局安装的 TypeScript 版本信息。

升级项目中安装的 TypeScript

在项目目录下，通过 npm 命令行工具升级安装的 TypeScript：

npm install typescript@latest --save-dev

上述命令将安装最新版本的 TypeScript 包到项目依赖中。如果要安装指定版本，请将 latest 替换为版本号。同时，需要加上 --save-dev 参数将该包安装为开发依赖。

用以下命令验证项目中安装的 TypeScript 版本：

npx tsc --version

上述命令与 tsc --version 命令执行的效果相似，但可避免与全局安装的 TypeScript 版本冲突。

总结

本文介绍了如何更新本地的 Angular CLI 和 TypeScript 版本。需要注意的是，升级 Angular CLI 和 TypeScript 可能会导致项目代码中的一些 API 发生变化，需要仔细阅读相应版本的文档和变更日志，并根据需要更新应用代码。