快速创建Angular2项目

在前面手动从0到1开发一个Angular2项目之后（感兴趣的小伙伴可以看我这篇文章“Angualr 2+TypeScript如何从0到1开发一个网页？”），本文更注重用现成工具快速的创建项目。

如果没有安装过angular-cli工具的小伙伴，需要先用命令npm install -g @angular/cli安装一波，完成之后，用命令ng -v来查看是否安装了：

然后在开发环境中，创建一个新的目录；在该目录里，输入命令ng new angular-cli-demo-project（这里的angular-cli-demo-project是自行给我的angular2项目取的项目名，是自定义的）：

在创建了一系列文件之后，会显示“Packages installed successfully.”，就说明项目创建成功了：

在ng new操作里，同时会进行npm install依赖下载的操作，在项目结构里看到package-lock.json文件：

接下来，我们就可以用ng serve命令启动项目，会在运行之后，显示这段文字“Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ”：

接着我们去浏览器里手动输入http://localhost:4200/ 网址就可以看到运行的网页了：