angular學習之angular-phonecat項目的實現

---恢復內容開始---

AngularJS官方網站提供了一個用於學習的示例項目：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目錄下。能夠經過執行如下命令來運行單元測試：

 

npm test

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

運行端到端測試

PhoneCat項目使用端到端測試來保證Web應用的可操做性，而這個端到端測試是經過使用Protractor來實現的，全部的端到端測試用例都存放在test/e2e目錄下。能夠經過執行如下步驟來運行端到端測試：

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

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

npm run protractor