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

相关文章： 建站之星安装模板失败：服务器环境不兼容？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  如何通过免费商城建站系统源码自定义网站主题与功能？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  如何在云服务器上快速搭建个人网站？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  如何用美橙互联一键搭建多站合一网站？  建站之星展会模板：智能建站与自助搭建高效解决方案  平台云上自助建站如何快速打造专业网站？  黑客如何通过漏洞一步步攻陷网站服务器？  建站之星上传入口如何快速找到？  如何在宝塔面板中创建新站点？  c++ stringstream用法详解_c++字符串与数字转换利器  微信小程序 五星评分(包括半颗星评分)实例代码  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  如何快速生成高效建站系统源代码？  h5网站制作工具有哪些,h5页面制作工具有哪些？  简单实现Android验证码  宿州网站制作公司兴策,安徽省低保查询网站？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  Python如何创建带属性的XML节点  如何用VPS主机快速搭建个人网站？  建站之星代理费用多少？最新价格详情介绍  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  婚礼视频制作网站,学习*后期制作的网站有哪些？  建站之星安装提示数据库无法连接如何解决？  建站上传速度慢？如何优化加速网站加载效率？  建站之星备案流程有哪些注意事项？  如何在橙子建站上传落地页？操作指南详解  如何快速建站并高效导出源代码？  建站为何优先选择香港服务器？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何在建站之星网店版论坛获取技术支持？  如何在IIS中新建站点并配置端口与IP地址？  javascript中的try catch异常捕获机制用法分析  装修招标网站设计制作流程,装修招标流程？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  如何用AWS免费套餐快速搭建高效网站？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  网站制作公司,橙子建站是合法的吗？  如何通过宝塔面板实现本地网站访问？  如何高效利用亚马逊云主机搭建企业网站？  家庭服务器如何搭建个人网站？  如何挑选优质建站一级代理提升网站排名？  如何在阿里云虚拟主机上快速搭建个人网站？  建站之星客服服务时间及联系方式如何？  如何确认建站备案号应放置的具体位置？  css网站制作参考文献有哪些,易聊怎么注册？