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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
Apr 17 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
javascript事件模型介绍
May 31 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
Dec 13 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 Javascript
vue动态绑定style样式
Apr 20 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计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
深入密码加salt原理的分析
2013/06/06 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
PHP实现股票趋势图和柱形图
2015/02/07 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
php面向对象值单例模式
2016/05/03 PHP
PHP遍历目录文件的常用方法小结
2017/02/03 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
jquery 输入框数字限制插件
2009/11/10 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
新手简单了解vue
2019/05/29 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
2020/04/03 Javascript
JS 数组和对象的深拷贝操作示例
2020/06/06 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
2016/05/17 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python高效过滤出文件夹下指定文件名结尾的文件实例
2018/10/21 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
python 求定积分和不定积分示例
2019/11/20 Python
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
大堂副理的岗位职责范文
2014/02/17 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
导游词之麻姑仙境
2019/11/18 职场文书
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python