Angular 介绍、安装 Angular Cli、创建 运行 Angular 项目、目录结构分析

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

Angular 环境搭建

• 安装 nodejs

安装 angular 的计算机上面必须安装最新的 nodejs–注意安装 nodejs 稳定版本

• 安装 cnpm/yarn

npm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装 https://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g yarn / cnpm install -g yarn

• 使用 npm/cnpm/yarn 命令安装 angular/cli （只需要安装一次）

npm install -g @angular/cli
cnpm install -g @angular/cli
yarn global add @angular/cli

Angular 创建项目

• 打开命令行工具找到你要创建项目的目录
• 创建项目
  • 直接安装：ng new 项目名称
  • npm i 安装：ng new 项目名称 --skip-install
• 运行项目 ng serve --open

目录结构分析

app.module.ts

定义 AppModule，这个根模块会告诉 Angular 如何组装该应用。 目前，它只声明了 AppComponent。 稍后它还会声明更多组件。

组件分析

创建组件：

ng g component components/header

组件内容详解：