Angular2.0快速上手（一）

经过漫长的等待，终于等到了ng2发布。相比较ng1而言，ng2的变化还是显而易见的。本文将带领小伙伴们，一起快速上手玩转ng2。

一、工欲善其事，必先利其器。

快速安装Angular-CLI。CLI是谷歌Angular核心团队提供的一个项目快速构建工具（平台），对于我这样贪玩的人来讲可谓神兵利器。

首先确保nodejs已经正确安装，然后检查一下npm。一切正常，在命令行输入如下命令：

npm install -g angular-cli

注意，由于脚手架已经改名字，现在使用npm install -g @angular/cli安装。
耐心等待几分钟，等待脚手架安装完毕。尔后输入如下命令，检查一下是否真的安装完成：

E:\> ng --version

成功安装会出现以上信息

二、跃跃欲试，创建第一个ng2项目

通过cli快速的构建一个ng2项目，只需要使用ng new 命令就能完成。具体如下：

E:\>ng new hello-world

cli自动创建的资源文件

三、一切就绪，让我调试一下

不出意外第一个ng2项目已经构建完毕，接下来我们将一起见证一下运行后的效果。

//进入项目文件目录
E:\>cd hello-world

//启动项目
E:\hello-world>ng serve

正常启动项目后的信息

当webpack将项目编译成功后，便可以在浏览器中输入http://localhost:4200/来访问，效果如下图。

项目运行效果

PS：Angular是比较优秀的一款JS框架，不管是双向数据绑定，还是依赖注入都让它变得越来越好玩。