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

Angular 是谷歌开发的一款开源的 web 前端框架，诞生于 年，由 Misko Hevery 等 人创建，后为 Google

所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当 中。

Angular 环境搭建

安装 nodejs

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

安装 cnpm/yarn

npm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装 /

npm install -g cnpm --registry=https://registry.

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

组件内容详解：