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


Posted in Javascript onMarch 29, 2017

前言

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

Angular4现已发布  https://3water.com/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

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
js 动态文字滚动的例子
Jan 17 Javascript
php跨域调用json的例子
Nov 13 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
js实现可旋转的立方体模型
Oct 16 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
Nov 13 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
vue中使用vue-pdf的方法详解
Sep 05 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
jQuery插件之validation插件
Mar 29 #jQuery
Vue.js实现移动端短信验证码功能
Mar 29 #Javascript
Angular2入门--架构总览
Mar 29 #Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 #Javascript
AngularJS中$http的交互问题
Mar 29 #Javascript
Angular2开发——组件规划篇
Mar 28 #Javascript
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 #jQuery
You might like
深入理解PHP之require/include顺序 推荐
2011/01/02 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
phpmyadmin打开很慢的解决方法
2014/04/21 PHP
PHP中spl_autoload_register()和__autoload()区别分析
2014/05/10 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
js setattribute批量设置css样式
2009/11/26 Javascript
jQuery的三种$()
2009/12/30 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
2014/09/13 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
学习Node.js模块机制
2016/10/17 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python分割列表(list)的方法示例
2017/05/07 Python
python中bytes和str类型的区别
2019/10/21 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
phpquery中文手册
2021/03/18 PHP
波兰在线运动商店:YesSport
2020/07/23 全球购物
学校后勤岗位职责
2014/02/19 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
民间个人借款协议书
2014/09/30 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
总经理年会致辞
2015/07/29 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL