第一章：初识 angular

初识 angular 前言一、angular 介绍二、安装 angular-cli三、创建项目angular-cli 与 vue-cli 创建项目对比配置 四、对 angular 的一些误解题外话

前言

最近因为公司的原因，也是需要去使用 angular 这样一个老牌的框架，所以想要和大家做去一个分享。同时我也会对照 vue 去让大家更快的理解和入门，有一个初步的认识和使用。

一、angular 介绍

angular 官方文档

Angular 是谷歌开发的一款开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被 用于 Google 的多款产品当中。

根据项目数量同级 angular ( 1.x ~ 9.x ) 是现在网上使用量最大的框架。( 数据是根据 github 上面的数据来计算的，目前可能总数据排名最高的变成了react )

二、安装 angular-cli

初学一门语言，首先需要了解他的一个结构和如何去创建，有其他框架基础的人都了解，一般可以通过脚手架去创建，angular-cli也提供了相同的功能。同时 angular-cli也集成了很多的功能，比如创建组件。

npm i -g @angular/cli		// 安装 angular
ng v		// 查看 angular 版本

安装之后可以通过查看版本去确定安装是否成功。

三、创建项目

在使用脚手架去创建项目的时候， *** 作和 vue-cli是类似的，只不过前缀发生了一些变化。

angular-cli 与 vue-cli 创建项目对比

// angular-cli
ng new 项目名称		// 创建项目
ng new 项目名称 --skip-install		// 跳过 npm i  *** 作
// 这里跳过的是安装依赖的一个过程，由脚手架自动去安装比较慢，而且有可能失败，可以去手动指定 npm i 指令进行安装

ng serve --open		// 运行项目		默认端口 4300

// vue-cli
vue create 项目名称		// 创建项目
nmp run serve		// 运行项目		默认端口 8080

配置

在创建项目的时候一般会一些设置一些配置。这些都需要去根据个人和项目需求去确定。

是否添加路由
是否使用预编译语言
四、对 angular 的一些误解

这里想要去和各位去聊一些对 angular 的误解。

angular 停止更新：angular 并没有停止更新，相反他是更新速度比较快的，大概每三个月左右就去更新一个版本，目前应该在 13 ~ 14 版本。

angular 要被 svelte 代替了：angular 目前还是三大框架之一，虽然可能在国内保有量比较低，但是不能去否认 angular 在前端的一个地位。目前 svelte 的一个量级还是没有办法去和三大框架去相比的。以后有机会的话也会去和各位对 svelte 进交流和分享。

vue 已经超过了 angular 变成了三大框架之首：因为我也是一名以 Vue 作为主要技术栈的开发者，所以我想要站在一个公平的角度去说这个事情，vue 在 2021 年的一个数据统计中，还处在三大框架最后。但是这是没有去算上 vue3 的一个情况。vue 的一个爆发力和增长率都是三大框架中最高的，所以还是可以相信 vue 一个后起之秀的能力。

angular 已经跟不上目前的市场节奏了：这个是不需要去担心的，因为上面也说过 angular 诞生于 2009 年，是最早的一批 MVVM 框架，而且一直是谷歌在使用和维护，所以对于 angular 的一个底蕴问题大可不必担心。甚至可以说 angular 还是目前最完善的一个框架。还有很多好的地方值得别人去学习。

题外话

如果各位对文章有不同的见解，可以直接联系我，直接大喊河北吴彦祖就可以找到我了。