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遇到的问题解决  # 进阶  # 每半年  # 相关内容  # 将其  # 感兴趣  # 将于  # 两天  # 太大  # 重写  # 并可  # 按下  # 这篇文章  # 能带  # 谢谢大家  # 更多关于  # 跳过  # 并不像  # 升级包  # 三组  # 顺序排列 

相关文章： 如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  公司门户网站制作流程,华为官网怎么做？  广州建站公司哪家好？十大优质服务商推荐  济南专业网站制作公司,济南信息工程学校怎么样？  制作电商网页,电商供应链怎么做？  如何快速生成专业多端适配建站电话？  高端网站建设与定制开发一站式解决方案 中企动力  如何通过服务器快速搭建网站？完整步骤解析  建站之星后台管理系统如何操作？  如何在宝塔面板创建新站点？  网站制作壁纸教程视频,电脑壁纸网站？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何在景安云服务器上绑定域名并配置虚拟主机？  建站之星后台密码遗忘或太弱？如何重置与强化？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  上海网站制作开发公司,上海买房比较好的网站有哪些？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  制作旅游网站html,怎样注册旅游网站？  存储型VPS适合搭建中小型网站吗？  太平洋网站制作公司,网络用语太平洋是什么意思？  北京的网站制作公司有哪些,哪个视频网站最好？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何在香港免费服务器上快速搭建网站？  如何正确选择百度移动适配建站域名？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  如何在阿里云虚拟服务器快速搭建网站？  制作农业网站的软件,比较好的农业网站推荐一下？  免费视频制作网站,更新又快又好的免费电影网站？  建站上传速度慢？如何优化加速网站加载效率？  c++怎么用jemalloc c++替换默认内存分配器【性能】  建站之星ASP如何实现CMS高效搭建与安全管理？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  网页设计网站制作软件,microsoft office哪个可以创建网页？  网站制作服务平台,有什么网站可以发布本地服务信息？  小型网站制作HTML,*游戏网站怎么搭建？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  黑客入侵网站服务器的常见手法有哪些？  如何用AWS免费套餐快速搭建高效网站？  如何在自有机房高效搭建专业网站？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  南宁网站建设制作定制,南宁网站建设可以定制吗？  如何在Windows 2008云服务器安全搭建网站？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  建站主机是什么？如何选择适合的建站主机？  如何快速搭建个人网站并优化SEO？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何用免费手机建站系统零基础打造专业网站？  深圳网站制作培训,深圳哪些招聘网站比较好？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？