3.1　AngularCLI安装与使用

在安装Angular前，我们需要确保在阅读第2章时已经成功安装了Node.js和NPM，如果还没有安装，请先阅读2.1.1章节。

3.1.1　AngularCLI的安装

AngularCLI是Angular的命令行界面工具，主要用来创建项目、添加文件以及启动服务等功能。我们使用以下命令进行安装。

     npm install-g @angular/cli

在安装完成后，使用以下命令验证AngularCLI的正常安装与版本，如图3.1所示。

     Ng--version

图3.1　验证AngularCLI是否成功安装以及被安装的版本

3.1.2　使用AngularCLI创建项目

首先讲一下如何使用CLI来创建一个新的项目。进入你想要创建项目的文件夹下，执行以下命令来生成一个新项目，如图3.2所示。

     ngnew HelloAngular

图3.2　使用AngularCLI新建项目

在项目目录文件夹下，会生成如图3.2中所示的文件。之后等待NPM将node_modules文件夹下的依赖安装完成即可。

3.1.3　使用AngularCLI启动开发服务器

在新项目创建完成后即可启动服务器。我们执行以下命令。

     cdHelloAngular
     ng serve--open

命令执行后，如果可以看到如图3.3所示的界面，那么环境算是搭建完成了。在接下来的章节讲解后，我们会在最后一节做一个简单的项目，帮助读者学习Angular的代码编写。

图3.3　Angular初始项目