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

前言

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

angular4现已发布 

为什么跳过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架构总结》