【前言】前几天搭了一个Angular需要的环境，来总结一下在这个过程中学到的东西，欢迎更位大神指导一下！

一、什么是Angular

1、定义：Angular 是一个用 HTML 和 JavaScript 或者一个可以编译成 javascript 的语言（例如 Dart 或者 TypeScript ），来构建客户端应用的框架。该框架包括一系列库，有些是核心库，有些是可选库。

2、架构：

1)模块 (Modules)

2)组件 (Components)

3)模板 (Templates)

4)元数据 (Metadata)

5)数据绑定 (Data Binding)

6)指令 (Directives)

7)服务 (Services)

8)依赖注入 (Dependency Injection)

3、工作说明：用 Angular 扩展语法编写 HTML 模板， 用组件类管理这些模板，用服务添加应用逻辑， 用模块打包发布组件与服务。

二、环境搭建

1、安装nodejs：nodejs是Angular依赖的环境，是基础，只有在node.js的环境下，我们才能使用接下俩的命令来构建Angular。安装完之后我们就可以在doc命令窗口直接使用npm命令了（npm -v）。

官方解释：Node.js是在Chrome的V8 javascript引擎上构建的javascript运行时。Node.js使用事件驱动的非阻塞I / O模型，使其轻量级和高效。Node.js的软件包生态系统npm是世界上最大的开源库。

2、安装cnpm

在命令窗口输入：npm install cnpm -g –registry=https://registry.npm.taobao.org

安装完毕之后需要输入：cnpm -v来查看版本号

注意：cnpm和npm的用法一直，npm是从国外的服务器上下载，所以受网络影响很大，我们使用的cnpm其实是淘宝团队生产的一个完成的npmjs.org镜像，所以在需要输入npm的时候我们直接输入cnpm就行了。

3、安装typescript和typings

cnpm install –g typescript@2.2.2 typings

运行完毕之后，查看版本确定是否安装成功，在命令提示符中直接输入：tsc –v，如果出现版本号则为安装成功。

4、安装@angular/cli

cnpm install –g @angular/cli@1.0.0

5、安装webstorm或者VS Code

到这里需要的环境就差不多了。

三、新建项目

1、在命令提示符中输入 ：ng new 项目名称

2、下载项目依赖的nodejs包

cd 项目名称（定位到项目目录）

cnpm install（下载nodejs包）

3、启动web服务器

ng serve

【总结】对于每一部分起到什么作用还不是很清楚，需要不断的学习和实践。