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

相关文章： 建站之星如何修改网站生成路径？  Python多线程使用规范_线程安全解析【教程】  Python文件管理规范_工程实践说明【指导】  红河网站制作公司,红河事业单位身份证如何上传？  建站之星后台密码如何安全设置与找回？  ,想在网上投简历，哪几个网站比较好？  宝塔新建站点为何无法访问？如何排查？  如何快速搭建自助建站会员专属系统？  北京制作网站的公司,北京铁路集团官方网站？  h5网站制作工具有哪些,h5页面制作工具有哪些？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  网页设计与网站制作内容,怎样注册网站？  装修招标网站设计制作流程,装修招标流程？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何通过虚拟主机快速搭建个人网站？  股票网站制作软件,网上股票怎么开户？  香港服务器如何优化才能显著提升网站加载速度？  香港服务器租用每月最低只需15元？  建站主机服务器选型指南与性能优化方案解析  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  如何用y主机助手快速搭建网站？  建站之星备案流程有哪些注意事项？  网站制作话术技巧,网站推广做的好怎么话术？  移民网站制作流程,怎么看加拿大移民官网？  ,有什么在线背英语单词效率比较高的网站？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  如何在建站之星绑定自定义域名？  广德云建站网站建设方案与建站流程优化指南  成都响应式网站开发,dw怎么把手机适应页面变成网页？  济南专业网站制作公司,济南信息工程学校怎么样？  建站VPS能否同时实现高效与安全翻墙？  建站主机是什么？如何选择适合的建站主机？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  如何在Ubuntu系统下快速搭建WordPress个人网站？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  网站制作壁纸教程视频,电脑壁纸网站？  兔展官网 在线制作,怎样制作微信请帖？  如何通过西部数码建站助手快速创建专业网站？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  长沙做网站要多少钱,长沙国安网络怎么样？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？