angular2升级angular4

最新推荐文章于 2019-07-28 23:04:05 发布
最新推荐文章于 2019-07-28 23:04:05 发布
阅读量4.4k 收藏 1
点赞数
分类专栏： nodejs angularjs 文章标签： angular2 angular4 angular2升级到angular4 nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzwwjjdj1/article/details/73603701
版权

angular2升级到angular4

angular2升级到angular4有必要吗？答案是很有必要。升级到4不会在像angular1升级到angular2那样麻烦，而且angular4打包后的文件大小会减少300KB左右。

升级包命令

在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

效果


98版本是angular2生产环境打包后的文件，99版本是升级到angular4后打包的文件，从这图可以看到，
main.js文件减少了大概230KB，随着代码的增加这数字更明显， vendor.js减少了30KB多。

意外金喜的博客 : http://blog.csdn.net/zzwwjjdj1

意外金喜
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular4升级到angular6详细过程
qq_25970751的博客
12-17 2471
前言：公司angular框架升级，先拿自己项目练习一下趟趟坑... 前提条件：     确保node满足如下条件，否则去官网下载升级包；     $ node -v     node >= 8.9.0     $ npm -v     npm >= 5.6.0     还要保证你的网络足够好，网络不好，会莫名其妙报很多错.... 1.升级全局Angular-Cli  ...
Angular2升级到Angular4
weixin_30512785的博客
08-04 95
windownpm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli@latest Linux rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -...
Angular框架4升级到6
我的目标是CEO，最近小目标是项目架构师！
06-24 3876
卸载 卸载脚手架，node库，以及文件，（手动卸载） 重新配置angular环境，安装ts(npm install -g typescript)， 安装脚手架:(npm install --save-dev @angular/cli@latest -g) 可以手动是删除文件: npm删除路径：C:\Users\用户名\AppData\Roaming\npm ...
angle3.7.5 angular4版本
06-27
这是一个非常优秀的前端ui，资料也特别完善，此版本是angular4+bootstrap的，因为我权限有限，只能上传angular版本的，其中angular2-seed是纯净版，可以直接使用
【Angular】Angular 5 升级到Angular 6 过程实录
玫瑰与鹿°
07-26 5399
小编参考的资料： https://update.angular.io/ 要达到的效果如下： 第一步：运行：npm install -g @angular/cli 报了-4075的错误，网上说应该是依赖的问题，建议由“npm”改为“cnpm” 第二步：运行：cnpm install -g @angular/cli 成功，接着往下输入命令。 第三步：运行：npm inst...
Angular2平滑升级到Angular4的步骤详解
12-12
其实Angular2和Angular4之间属于平滑过渡，并不像1和2之间颠覆性的重写代码。 Angular4现已发布 //www.jb51.net/article/109685.htm 为什么跳过Angular 3？ 根据Angular团队首席开发Igor Minar的说法：随着Angular ...
angular升级
12-05
确定本地安装了Angular7.1，Angular环境升级参考文档： https://lexiangla.com/docs/88f9472ef44c11e8b31752540089e328?company_from=3119dd14868a11e89f3d5254005b9a60 在工程根路径运行指令：
Angular4实例
10-30
TypeScript的版本升级带来了更强的类型检查，Angular4对API进行了重构，提供了更完善的类型定义，增强了开发时的代码提示和错误检查。 ### 6. 通用组件（Universal） Angular4支持服务器端渲染，即Universal。ngx-...
揭秘Angular2
04-25
Angular2是Google推出的一款强大的前端开发框架，用于构建交互式、高性能的Web应用程序。它在Angular1的基础上进行了全面升级，引入了许多创新特性，提升了开发效率和应用性能。本篇文章将深入探讨Angular2的核心...
Angular2 VS Angular4 深度对比：特性、性能
weixin_34268843的博客
08-09 261
2019独角兽企业重金招聘Python工程师标准>>> ...
Mac上搭建你的第一个Angular Web应用
四分之一工程师的博客
01-04 4302
1.首先你需要安装一个Node.js，安装的方式有很多，请参考Node.js官网（http://nodejs.org/download） 2.安装完Node.js,接着安装TypeScript，请运行下列npm命令： npm install -g typescript 3.然后安装angular-cli，Angular提供了一个命令行工具angular-cli，它能让用户通过命令行创建和管理
angular4版本
qq_20831051的博客
07-28 220
安装angular/cli 全局安装 angular/cli cnpm install -g angular/cli@1.1.3 或 npm install -g angular/cli@1.1.3 执行 ng - v 查看是否安装成功 angular4 需安装nodejs9.0 以下版本 安装不成功，卸载angular/cli cnpm uninstall -g @angular/cl...
angular6项目升级到angular7
kksw1121
12-29 2209
ng update @angular/cli @angular/core
Angular4升级到6修改rxjs
大强博客
07-10 1205
1、修改../package.json文件把"rxjs": "^5.4.2"改为"rxjs": "^6.1.0",2、删除../package-lock.json文件3、执行npm install命令4、修改ts文件把import {Observable} from 'rxjs/Observable';改为import {Observable} from 'rxjs';...
记录项目版本升级angular4 ~ angular5
weixin_33809981的博客
11-30 504
前言： 在上一篇ng4文章《angular4——实际项目搭建总结》中说过，等到ng5正式发布，并且蚂蚁的NG ZORRO兼容ng5之后，我会对ng4项目进行升级。这篇文章就是大概说下升级的折腾过程吧。下面结语中有最佳实践，整个过程中有自己挖的坑，可以选择忽略，直接看结语。   升级（折腾）过程： ①ng5更新： 访问这个链接是ng的升级导向 https://angular-update-...
安装angular4，版本为什么总是angular6
weixin_42706227的博客
09-05 1655
想要安装angular4版本，为什么ng new my-project 总是安装的angular6版本呢？对于angular新手来说，这是一个令人头疼的问题。下面解决方案： 需要了解的： angular的不同版本是因为安装的angular cli不同造成的，因为你安装angular cli的时候，一般会默认安装最新的版本，所以angular生成的angular项目也是最新版本。 ...
angular 4版本小知识点----方便自己看
qq_20876425的博客
05-29 476
使用 Angular CLI 创建一个名为 heroes 的新组件。 ng generate component hero-detail 这个命令会做这些事： 创建目录 src/app/hero-detail。 在这个目录中会生成四个文件： 作为组件样式的 CSS 文件。 作为组件模板的 HTML 文件。 存放组件类 HeroDetailComponent 的 TypeScript 文件...
关于Angular6版本升级和RXJS6新特性的讲解
bangunzheng7426的博客
06-05 278
从Angular5升级到Angular6， angular6相比较于angular5 总体变化不大，但是在RXJS上面却有一些变动，不得不说，虽然很讨厌break update但是RXJS6的新特性对于angular应用的优化是有很大一块空间的 快速修复 对于写了半年多的项目，模块已经很多了，所以不可能在升级到angular6后马上更新所有代码关于RXJS6的新特性，所以官方...
升级angular4 环境小坑
maoguiyou的专栏
09-04 2073
最近使用angular2开发一个项目，由于angular更新太快了，所以在项目中期就决定从angular2升级到angular4，以下是升级中遇到的小坑 1.ng build的时候加上--prod参数就报错，不加上正常，这个主要是angular-cli版本问题，不能更新到最新的版本，目前我测试到的是1.2.6这个版本是可以的 2.如果angular-cli版本已经降级了，ng buil
升级angular版本
最新发布
07-28
2. 运行命令`ng update @angular/material`，这将升级Angular Material到与Angular版本相匹配的最新版本。 3. 确保你的TypeScript版本升级到4.0，因为新版本的Angular需要使用TypeScript 4.0。 4. 注意，新版本的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值