Angular2升级到Angular4

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

npm uninstall -g @angular/cli
 npm cache clean
 npm install -g @angular/[email protected]

 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/[email protected]
  1. 升级包
// linux/mac
 npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest [email protected] --save
 // Windows
 npm install @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/platform-browser-dynamic@latest @angular/[email protected] @angular/[email protected] @angular/[email protected] [email protected] --save
  1. 更换一些其他包
 npm install [email protected] --save
  1. 执行安装命令
 npm install
时间: 2024-10-14 04:56:41

Angular2升级到Angular4的相关文章

angular2升级到angular4历程

Angular 4 在昨天(2017-03-24)正式发布了,我的系列教程也得更新一下.步骤略繁琐,不用 cli 的项目反倒更简单一些,但是 cli 平时给我们的便利还是很多的,升级最多半年一次而已. 详见此文:http://www.jianshu.com/p/75c19d67d7f8

angular2升级到rc6

之前做的小demo是RC4的,这一两个月官网就跟新到RC6了,当然就要紧跟步伐前进啦: 升级的过程是痛苦的,但结果是开心的. 看过RC4的童鞋应该会知道RC6改变了很多,来了一个釜底抽薪.新增了一个NgModule.模块管理. 就此RC6就形成了Module-component-router-service的一个整体.使整个条理更加清楚明白. module块的复用更加灵活. 先说一下升级吧,RC4没有Module的概念,所以首先为她添加根Module.然后为每一个component添加一个Mod

ionic入坑记记录

0.java1.8安装各种环境的配置 1.没有安装过npm 1.1 安装nodejs自带此物. 1.2 不希望npm install -g都在c盘.设置全局路径 path中是X:\某个文件夹\你的文件夹\node_modules 跟npm config ls 中的prefix要一样 另外要配置 npm prefix npm cache 在path中添加prefix的路径 配置gradle,下一个合用的gradle版本,找一个地方解压缩出来.然后在path中添加 X:\在哪里\gradle\bin

Angular杂谈系列2-Angular2升级Angular4指南

什么什么?Angualr4都发布了,之前不都才Angualr2的么?又要推翻重来,啊? 那当然不是,Angualr4只是一个版本号而已,本质上还是Angular2:以后,谷歌把新版本的Angualr称为Angualr,而之前的1.x版本叫做AngualrJs1.x. Angualr4的更新内容大致包括以下几个方面.       1.更小.更快 新的版本下,打包的文件将更小,运行也更快. 2.AngularUniversal AngularUniversal也就是在服务器端渲染Angular 3.

Angular2 VS Angular4 深度对比:特性、性能

在Web应用开发领域,Angular被认为是最好的开源JavaScript框架之一. Google的Angular团队已于3月23日发布了Angular4,而期待已久的Angular2版本则是之前版本的完全重构. 对于成熟的开发人员来说,有以上两种选择是一件很棒的事情:但是,对于处于学习阶段的新晋开发人员来说,可能有点不知如何选择. 那么,本文将会对Angular2和Angular4进行深度对比,以便帮助大家更好的了解这两个版本. Angular2 Angular2是在2015年底发布的.接下来

angular2系列教程(六)升级装备、pipe

今天,我们要讲的是angualr2的pipe这个知识点,但是在这之前我们需要升级一下我们的装备,因为之前的装备太“寒酸”了. 例子 这个例子包含两个pipe,一个是stateful,一个是stateless,是直接复制官方的例子.本例子还包含了我对AngularClass/angular2-webpack-starter这个牛逼starter的改写,我会详细讲解配置. 源代码 没有测试 AngularClass/angular2-webpack-starter 这里面包含了Angular 2 (

angular2/angular4 如何通过$http的post方法请求下载二进制的Excel文件

时间有限,废话就不多说了,直接上干货! 下面给大家介绍一下我遇到的一个坑,如果你也遇到了,那恭喜你,你一定能找到答案:angular2/angular4 如何通过$http的post方法请求下载二进制的Excel文件? (angular1自行百度) 问题描述: 后台返回的是一个二进制的Excel流,请求头如下: Access-Control-Allow-Origin:* Cache-Control:private Content-Disposition:attachment;filename=%

angular2或angular4中使用ckplayer播放rtmp和m3u8视频直播流

1. 下载ckpalyer整个包并导入, 将ckplayer放到src/assets/下 2. 引入ckplayer.js angular2中,在angular-cli.json中找到script,添加上ckplayer.js "scripts": ["./assets/ckplayer/ckplayer.js"] 3. 编写html <div id="video" class="video"></div&g

Angular2.x

Angular版本 Angular1和Angular4分别是Angular的两个版本,也就是Angular1.x和Angular2.x(除了Angular1以外,其余都属于Angular2.x). 1.Angular1.x - Angular2.x 2.Angular2.x有什么变化 1.x 安装Angular CLL //自从node升级7.x以后,采用@方式进行安装 npm i -g @angular/cli 创建一个新的应用程序 ng new angular-tour-of-heroes