Angular4.x说明2018-07-17

概述：Angular 应用是由组件组成的。组件由 HTML 模板和组件类组成，组件类控制视图，每个组件都以 @Component装饰器函数（decorator function）开始，它接受一个元数据对象（metadata object）参数。该元数据对象描述了 HTML 模板和组件类是如何一起工作的。AngularJS提供了很多功能丰富的组件，处理核心的ng组件外，还扩展了很多常用的功能组件，如ngRoute(路由)，ngAnimate(动画)，ngTouch(移动端操作)等

安装nodejs和npm

安装nodejs之后npm也会一起安装

注意：请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。 更老的版本可能会出现错误，更新的版本则没问题。

全局安装 Angular CLI 脚手架工具(只需 要安装一次)

1. 使用 npm 命令安装

npm install -g @angular/cli

注意如果安装失败：则使用cnpm 用淘宝镜像安装

2. 安装cnpm

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

3. 重新使用 cnpm 命令安装

cnpm install -g @angular/cli

创建项目

1. 创建项目：ng new 项目名称 创建一个项目

ng new my-app

2. 进入刚才创建的项目里面启动服务

cd my-app

cnpm install //安装依赖

ng serve --open

angualr 组件

Component                  ng g component componets/Footer

Directive                       ng g directive my-new-directive

Pipe                              ng g pipe my-new-service

Service                          ng g class my--new-class

Guard                            ng g guard my-new-guard

Interface                         ng g interface my-new-interface

Enum                              ng g enum my-new-enum

Module                             ng g module my-module

创建自定义组件

ng g component components/header