经过漫长的等待,终于等到了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
三、一切就绪,让我调试一下
不出意外第一个ng2项目已经构建完毕,接下来我们将一起见证一下运行后的效果。
//进入项目文件目录
E:\>cd hello-world
//启动项目
E:\hello-world>ng serve
当webpack将项目编译成功后,便可以在浏览器中输入http://localhost:4200/来访问,效果如下图。
PS:Angular是比较优秀的一款JS框架,不管是双向数据绑定,还是依赖注入都让它变得越来越好玩。