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

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

最近Angular项目组终于发布了新版――正式版 Angular 4.0.0。所以想着就来尝试下升级,记录下整个升级过程分享给大家,所以这篇文章主要介绍了Angular2升级到Angular4的详细步骤,需要的朋友可以参考下。

前言

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

Angular4现已发布  https://www.html.cn/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架构总结》 

以上就是Angular2平滑升级到Angular4的步骤详解的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读