angular2 如何创建一个新项目?

我们现在看看如何创建一个(2.0版本)的项目?


我们可以自己一步步的配置所有需要的文件,也可以通过angular cli 这个很好用的工具来帮助我们

创建一个angular的项目,本次我们通过angular cli 来创建项目。


首先我们需要有 node 和 npm (版本不能过低 node>6.9  npm>3),请自行去官网下载,现在这

两个东西是集成在一起的,直接下载一次安装就完成了。


上面的步骤完成了,下面我们开始正式创建,首先通过 npm 下载 angular cli 

(首先下载这个工具,可以帮助我们自动创建目录,下载我们需要的文件),时间较长,耐心等待。。。



等待下载完成,我们测试一下,显示如下的效果说明没有问题了:



我们开始创建项目,项目的名字叫做 angular2-demo1, 使用下面的命令创建,等待安装完成。。。。



安装完成后,我们进入这个新建的项目,然后启动(命令:ng server 或者 ng server open);



打开浏览器,输入 http://localhost:4200/ 即可,显示出下面的效果说明没有问题了,我们的配置都已经自动完成了,可以进行下一步的开发了;