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

Question

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

所以是angular有ts和js版本，angular-cli是ts的脚手架？创建的angular是最新的angular（如angular6）的版本？

Answer 1

其实很简单，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和设计模式方面还是有帮助的。

Answer 2

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

Answer 3

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

Answer 4

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