文章目录

1. 摘要
2. https://update.angular.io/
3. 总结

环境:

Angular CLI: 11.0.6

Angular: 11.0.7

Node: 12.18.3

npm : 6.14.6

IDE: Visual Studio Code

1. 摘要

近些年Web技术飞速发展，新的类库、框架如雨后春笋般不断涌现，而每个类库也不断的更新、升级，甚至是不再兼容的升级。笔者之前维护的一个6年项目，是用jQueryMobile开发的，估计入门web开发比较短的同学都没有听说过吧。另外，就拿Angular来说，从2.0开始，使用ts开发，不再兼容1.0 版本。从2.0开始，命名为Angular，1.0的叫angularJS, 2个版本彻底切割。而这也是angular流失很多用户的其中一个原因。

针对这些问题，Angular专门提供了版本升级的指导方案，非常详细、准确（Angular每半年发布一个主版本，这个也是必须的）。

2. https://update.angular.io/

https://update.angular.io/ 是官方的angular升级指导页面，你可以选择你的项目的版本，以及要升级到的版本；同时可以选择项目使用的技术，比如是否使用了Angular Material （这也是之前推荐这个UI框架的原因–升级方便），是否和AngualrJS同时使用等等。之后，自动提示升级步骤。

升级主要通过 ng update xxx 来实现， ng update 命令不同于npm命令，npm update相当于 npm+更改配置（代码），也就是说，再更新完node-modules之后，ng update会自动更新配置文件，甚至是代码中的基本的import的代码，实现自动升级、更新。

举例，10.2升级到11.1，如果没有涉及到复杂的anuglar技术，大致的升级步骤是：

Run ng update @angular/core @angular/cli which should bring you to version 11 of Angular.
Run ng update @angular/material.
Angular now requires TypeScript 4.0. ng update will migrate you automatically.
Support for IE9, IE10, and IE mobile has been removed. This was announced * in the v10 update.

3. 总结

Angular虽然更新、升级比较频繁（从某种意义上也是优点），但是升级部分确实做得最完善的
UI框架，@angular/material可以实现和Angular的同步升级，其他第三方框架，都会有演示，时间不等
个人不推荐使用最新的版本，不做小白鼠。可以使用之前发布的一个版本，比如现在是v11，那么我们就使用v10。更稳定，同时网上资料也多。
及时更新angular版本，免得技术债欠的越来越多而导致无法升级。
这个升级指导也是相对的，如果你对Angular有些特殊的用法，或者没有安装官方推荐方式使用，升级也是比较麻烦的。
升级时，如果跨多版本，建议一个版本一个版本的升级，每升级一次，执行UT或者把站点跑起来试试，以防出错。

---------------- END ----------------

======================

Angular入门到精通系列教程（6）- Angular的升级相关推荐

Angular入门到精通系列教程（5）- 第三方UI库（Angular Material）
文章目录 1. 第三方UI库的选择 2. Angular Material 2.1. 优缺点 2.1.1. 优点 2.1.2. 缺点 2.2. 引入到项目 3. 总结环境: Angular CLI: ...
Angular入门到精通系列教程（2） - Angular基本概念
1. Angular (Angular2)v.s. AngularJS 2. 检查本地环境的版本 3. TypeScript 4. Angular CLI 5. Angular 的版本 6. Angu ...
Angular入门到精通系列教程（15）- 目录结构（工程结构）推荐
文章目录 1. 概要 2. 目录结构(工程结构)推荐 2.1. 总的原则 2.2. 实例 2.3. 共享模块-SharedModule 3. 高级应用 - angular库.工作空间(workspac ...
Angular入门到精通系列教程（1） - Angular,Vue,React 选型
1. 概述总的来说一句话,如果你是老大,你可以选择用什么:如果你不是,那么,老大让用什么,你就用什么. 前端框架Angular,Vue,React三选一,没有第四种. (当然,如果只是一两个简单的页 ...
SpringBoot入门到精通系列教程 - Filter/WebFilter
文章目录 1. Filter简介 1.1. SpringBoot 中Filter的作用 1.2. @WebFilter 2. 基于@WebFilter的实现 2.1. SpringbootApplic ...
ArcGIS10从入门到精通系列实验图文教程（附配套实验数据持续更新）
文章目录 1. 专栏简介 2. 专栏地址 3. 专栏目录 1. 专栏简介本教程<ArcGIS从入门到精通系列实验教程>内容包括:ArcGIS平台简介.ArcGIS应用基础.空间数据的采集 ...
【ArcGIS遇上Python】从入门到精通系列之第一章：ArcGIS Python简介
文章目录 1. Python简介 2. Python的特点 3. ArcGIS的脚本语言 4. ArcGIS中的Python脚本编辑器 1. Python简介 Python是一种跨平台的计算机程序设计 ...

Angular入门到精通系列教程（6）- Angular的升级

文章目录

1. 摘要

2. https://update.angular.io/

3. 总结

Angular入门到精通系列教程（6）- Angular的升级相关推荐

最新文章

热门文章