abstract：ngularJS官方網(wǎng)站提供了一個用于學習的示例項目：PhoneCat。這是一個Web應用，用戶可以瀏覽一些Android手機，了解它們的詳細信息，并進行搜索和排序操作。獲取源代碼PhoneCat項目的源代碼托管在GitHub上，因此獲取源代碼之前需要安裝Git,安裝Git后，可以通過git clone來下載源代碼：git clone --depth=14 https

ngularJS官方網(wǎng)站提供了一個用于學習的示例項目：PhoneCat。這是一個Web應用，用戶可以瀏覽一些Android手機，了解它們的詳細信息，并進行搜索和排序操作。

獲取源代碼

PhoneCat項目的源代碼托管在GitHub上，因此獲取源代碼之前需要安裝Git,安裝Git后，可以通過git clone來下載源代碼：

git clone --depth=14 https://github.com/angular/angular-phonecat.git

–depth=14選項的意思為：僅下載最近14次的代碼提交版本；這么做可以減少下載的文件大小，加快下載。

安裝依賴包

PhoneCat是一個Web應用程序，因此最好在Web服務器中運行，以期獲得最佳結果。官方推薦安裝Node.js

PhoneCat項目的運行與測試依賴一些別的工具，可以在安裝Node.js后通過npm命令來安裝這些依賴包。以下命令需在angular-phonecat項目路徑下運行：

npm install

運行該命令后，會在angular-phonecat項目路徑下安裝以下依賴包：

Bower . 包管理器

Http-Server . 輕量級Web服務器

Karma . 用于運行單元測試

Protractor . 用于運行端到端測試

運行PhoneCat項目

完成上述工作后，運行PhoneCat項目很簡單，在angular-phonecat項目路徑下運行以下命令即可：

npm start

PhoneCat運行后，可以在瀏覽器中打開http://localhost:8000/app/index.html來訪問該Web應用。

運行單元測試

PhoneCat項目中的單元測試是使用Karma來完成的，所有的單元測試用例都存放在test/unit目錄下?？梢酝ㄟ^執(zhí)行以下命令來運行單元測試：

npm test

注意:在運行單元測試前，計算機上必須安裝Google Chrome瀏覽器。

運行端到端測試

PhoneCat項目使用端到端測試來保證Web應用的可操作性，而這個端到端測試是通過使用Protractor來實現(xiàn)的，所有的端到端測試用例都存放在test/e2e目錄下?？梢酝ㄟ^執(zhí)行以下步驟來運行端到端測試：

//更新webdriver，此命令只需運行一次
npm run update-webdriver
//運行
PhoneCatnpm start

打開另一個命令行窗口，在其中運行:

npm run protractor