angular-cli 和 angularjs 和angular2分别是什么?

alexxxcs1
  • 337

一开始学习找教程,找到了angular中文网,里面是angular-cli官方教程?用的也是官方脚手架,用ts写的
后台发现还有个angularjs中文网,里面好像是不带脚手架的angularjs教程,又看了一下网上还有angular2/5/6,这又是什么?
我现在用的anglar-cli是v6的,是angular6吗?

所以是angular有ts和js版本,angular-cli是ts的脚手架?创建的angular是最新的angular(如angular6)的版本?

回复
阅读 7.5k
4 个回答
✓ 已被采纳

其实很简单,angularJS和angular是同一框架的两个不同版本。
1.官方名词分类:把老的angular也就是1.x版本的称为AngularJs,把新的2.x以上的版本重新命名为Angular。
2.业内名词分类:所说的angular2指的就是官方新的Angular,是版本号2.x以上的统称;angular1和angular2的称呼不能只理解为版本号,只是对新老angular的区别称呼。
3.Angular 2.x+目前包括了2、4、5、6、7各版本,官方没有打出3的版本号(原因我不太清楚)。他们统称为angular2的原因是因为往后的这些版本框架设计思路与angular1完全不同,在文件的组织和包的插件化方面也是有很大的改写。而2.x以后的版本在核心概念上是一致的,只是往后支持的特性越来越多而已,没有核心的变化。所以1->2的升级是会造成应用重构代价的,而2以上的升级可以说只是对api的优化或删除、新特性的支持,不会对应用造成什么灾难性的后果。新的angular官配了TS语法来写是必须的,用来支持类型检查,可以理解为对js的扩展,api使用基本没什么区别,angular1就不要求这个配合,但任何框架都是可以搭配ts来做开发的。

angular-cli是就是一套命令行工具用来快速搭建angular项目的脚手架,在开发中使用命令行快捷创建文件和进行模块间的关联,没有它,这些事情都是要手动去做的,它就是一个提升开发效率的工具,让我们更专注于业务逻辑,当然它不是开发所必须的。

如果是新手的话,可以直接从最新的angular教程学起,2.x+以上的版本核心概念都是一致的,从最新的学习可以保证你所掌握的是最全面和最新的知识,而且可以完美的投入生产。如果对web技术有特别的热爱,有空也可以去补补angular1的框架,一些框架设计理念还是可以借鉴的,对于想提升js和设计模式方面还是有帮助的。

1.angularjs和angular7的本质区别是angularjs可以在html直接引入<script src="">而angular7不能通过引入的方式使用,必须使用工具angular-cli来构建项目
2.angular-cli是基于nodejs环境开发出来的一个工具,这个工具是专门生成,构建angular7所需要使用的
3.angular7需要nodejs环境启动,现在的三大前端框架vue/react/angular7是基于nodejs来运行的,这极大的方便了前后台的分离,也就是,前端一个项目,后端一个项目,除了http的调用完全没有任何联系.
4.为什么vue/react/angular7基于nodejs运行呢,这里引出一个打包的机制,因为现在的前端三大框架在开发完成后需要压缩代码压缩js,将各种类型的东西转换成浏览器能理解的东西,这里涉及到几个命令npm run build,看到没,npm,npm就是nodejs的包管理器.当你打包完毕后会生成压缩后的index.html和各种js,直接部署就好了
5.npm 是nodejs 那build是什么呢,你可以去查一下前端打包工具,先进被人们广泛使用的是webpack,而angular/vue/react都是通过配置或者改写webpack来打包前端应用的
6.给你一个学习路线,nodejs的package.json->webpack->typescript->angular7

不要学angularjs了,直接学angular2+, 现在最新版本是angular6.1.6。
augular-cli值创建angular2+的脚手架。

angular-cli:类似于vue-cli的脚手架工具,用于快速构建项目;
angular2:angularJS的升级版,可以理解为颠覆性的升级;

宣传栏