搭建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次的代码提交版本；这么作能够减小下载的文件大小，加快下载。也能够选择下载ZIP压缩包，速度更快。

安装依赖包

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

文章来源：AngularJS初探：搭建PhoneCat项目的开发与测试环境