Angular2平滑升级到Angular4的步骤详解

前言

Angular4终于在两天前发布了正式版本，那么怎么升级呢?其实Angular2和Angular4之间属于平滑过渡，并不像1和2之间颠覆性的重写代码。

Angular4现已发布  https://www./article/109685.htm

为什么跳过Angular 3？

根据Angular团队首席开发Igor Minar的说法：随着Angular 2的发布，Angular团队引入了语义化版本控制规范，即：将语义化版本用三组数字来表示，按照major.minor.patch的顺序排列，如2.3.1。

Patch版本每周发布，通常只修复问题，不加入新的功能。Minor版本每月发布，加入一些新的功能，但相对旧版本来说没有太大更改。Major版本每半年发布一次，加入一些新功能，并可能带来一些重大更改。

之前最新的Angular router版本号是3.3.0，而其它模块的版本号是2.2.0，由于版本号不同步，团队计划将其同步，直接采用4.0.0作为新版的版本号。

由于Angular团队计划每半年发布一个主要（Major）版本，因此按计划Angular 5将于2017年9月发布。

升级过程

使用npm-check方案升级 使用如下命令检查,并按下空格来选择要升级的包

npm-check -u

官方推荐

升级cli

 npm uninstall -g @angular/cli
 npm cache clean
 npm install -g @angular/cli@latest

 rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
 npm install --save-dev @angular/cli@latest

升级包

 // linux/mac
 npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save
 // Windows
 npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

更换一些其他包

 npm install zone.js@0.8.4 --save

执行安装命令

 npm install

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》 

# angular4  # 平滑升级  # angular2  # 升级  # angular  # cli  # 版本升级  # Angular项目如何升级至Angular6步骤全纪录  # 详解从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.  # Angular5升级RxJS到5.5.3报错：EmptyError: no elements in   # Angular(5.2->6.1)升级小结  # 将Angular单项目升级为多项目的全过程  # Angular8升级至Angular13遇到的问题解决  # 进阶  # 每半年  # 相关内容  # 将其  # 感兴趣  # 将于  # 两天  # 太大  # 重写  # 并可  # 按下  # 这篇文章  # 能带  # 谢谢大家  # 更多关于  # 跳过  # 并不像  # 升级包  # 三组  # 顺序排列 

相关文章： 设计网站制作公司有哪些,制作网页教程？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  如何快速搭建高效简练网站？  如何在宝塔面板中创建新站点？  已有域名能否直接搭建网站？  如何通过.red域名打造高辨识度品牌网站？  高端建站如何打造兼具美学与转化的品牌官网？  如何用西部建站助手快速创建专业网站？  常州企业建站如何选择最佳模板？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  如何通过智能用户系统一键生成高效建站方案？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何快速搭建支持数据库操作的智能建站平台？  如何选择美橙互联多站合一建站方案？  如何在橙子建站上传落地页？操作指南详解  建站之星如何快速解决建站难题？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  如何通过虚拟主机快速完成网站搭建？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何通过IIS搭建网站并配置访问权限？  建站之星如何开启自定义404页面避免用户流失？  如何零基础在云服务器搭建WordPress站点？  Swift中switch语句区间和元组模式匹配  网页设计网站制作软件,microsoft office哪个可以创建网页？  学校为何禁止电信移动建设网站？  网站制作的步骤包括,正确网址格式怎么写？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何通过虚拟主机快速搭建个人网站？  如何通过远程VPS快速搭建个人网站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  如何快速搭建二级域名独立网站？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  网站制作免费,什么网站能看正片电影？  如何将凡科建站内容保存为本地文件？  如何选择网络建站服务器？高效建站必看指南  实例解析Array和String方法  建站主机类型有哪些？如何正确选型  清除minerd进程的简单方法  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  建站之星如何实现五合一智能建站与营销推广？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何快速查询域名建站关键信息？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南