3.1　AngularCLI安裝與使用

在安裝Angular前，我們需要確保在閱讀第2章時已經成功安裝了Node.js和NPM，如果還沒有安裝，請先閱讀2.1.1章節(jié)。

3.1.1　AngularCLI的安裝

AngularCLI是Angular的命令行界面工具，主要用來創(chuàng)建項目、添加文件以及啟動服務等功能。我們使用以下命令進行安裝。

     npm install-g @angular/cli

在安裝完成后，使用以下命令驗證AngularCLI的正常安裝與版本，如圖3.1所示。

     Ng--version

圖3.1　驗證AngularCLI是否成功安裝以及被安裝的版本

3.1.2　使用AngularCLI創(chuàng)建項目

首先講一下如何使用CLI來創(chuàng)建一個新的項目。進入你想要創(chuàng)建項目的文件夾下，執(zhí)行以下命令來生成一個新項目，如圖3.2所示。

     ngnew HelloAngular

圖3.2　使用AngularCLI新建項目

在項目目錄文件夾下，會生成如圖3.2中所示的文件。之后等待NPM將node_modules文件夾下的依賴安裝完成即可。

3.1.3　使用AngularCLI啟動開發(fā)服務器

在新項目創(chuàng)建完成后即可啟動服務器。我們執(zhí)行以下命令。

     cdHelloAngular
     ng serve--open

命令執(zhí)行后，如果可以看到如圖3.3所示的界面，那么環(huán)境算是搭建完成了。在接下來的章節(jié)講解后，我們會在最后一節(jié)做一個簡單的項目，幫助讀者學習Angular的代碼編寫。

圖3.3　Angular初始項目