升级Angular CLI

Angular CLI是我们在构建Angular应用时使用的主要工具。因为这套工具和Angular框架本身是独立发展的,所以他们拥有不同的网站,也有不同的版本。Angular的当前最新版本是8.x,而Angular CLI的当前最新版本是8.x。

查看当前的Angular CLI版本

为查看当前的Angular CLI的版本,你可以在命令行执行以下命令:

1
ng --version

如果执行成功,你会看到当前环境中的安装的Angular, Angular CLI, Node, 以及Angular的一些核心包的版本,如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/


Angular CLI: 6.1.5
Node: 10.15.1
OS: darwin x64
Angular: 6.1.10
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.7.5
@angular-devkit/build-angular 0.7.5
@angular-devkit/build-optimizer 0.7.5
@angular-devkit/build-webpack 0.7.5
@angular-devkit/core 0.7.5
@angular-devkit/schematics 0.7.5
@angular/cli 6.1.5
@ngtools/webpack 6.1.5
@schematics/angular 0.7.5
@schematics/update 0.7.5
rxjs 6.5.2
typescript 2.7.2
webpack 4.9.2

升级到最新版本(全局)

因为Angular CLI是在npm管理下的第三方包,所以我们使用npm来进行升级(删除、安装)
在命令行执行

1
2
3
npm uninstall -g angular-cli
npm cache verify
npm install -g @angular/cli@latest

执行完以后,再用 ng –version 命令查看,可以看到Angular CLI的版本已经升级到当前的最新版本8.0.1

升级老项目的版本

如果Angular CLI的全局版本已经升级到最新版,但用老的Angular CLI生成的项目中运行相关命令(ng serve, ng build)时,会遇到一个警告,提示本地的版本与全局的版本不一致。这时,我们就可以考虑升级本地的版本。

首先,执行ng update命令查看当前项目使用的Angular CLI版本,

1
2
3
4
5
6
7
ng update

Name Version Command to update
--------------------------------------------------------------------------------
@angular/cli 6.1.5 -> 8.0.1 ng update @angular/cli
@angular/core 6.1.10 -> 8.0.0 ng update @angular/core
@angular/core 6.1.10 -> 7.2.15 ng update @angular/core

你可以看到类似的输出, 说明当前项目版本和可用版本之间的差异,你可以选择用 ng update –all命令全部升级,也可以选择单独升级某个库的版本,比如想要升级 angular cli,就执行一下命令:

1
ng update @angular/cli

如果希望升级到某个特定的版本,也可以指定升级的版本号:

1
ng update @angular/core --to=8.0.1

本文标题:升级Angular CLI

文章作者:梅老师

发布时间:2019年06月02日 - 16:06

最后更新:2020年05月28日 - 16:05

原始链接:https://www.mls-tech.info/web/angular/angular-cli-upgrade/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。