• 首页
  • angularjs
  • angular.js 官方应用 angular-phonecat 下载 运行 学习

angular.js 官方应用 angular-phonecat 下载 运行 学习

angular.js.jpg

angular-phonecat 是什么

它是google 官方开发的一个 angular.js入门学习web应用程序.

此web应用程序是介绍 android 手机的一个站点

从哪里下载 angular-phonecat

git 直接下载克隆项目

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

可以学习什么?

angular.js 框架的构建,测试,学习

后端 node.js 的搭配使用

如何让它运行起来

首先安装 node.js 运行的依赖包

npm install

其中有几个包需要特别注意下:

Bower 前端包管理器

Http-Server 轻量级Web服务器

Karma 用于运行单元测试

Protractor 用于运行端到端测试

上面我们提到了 htt-server ,我在前面专门有一篇博文提到这个包,他是轻量级替换Express 的web服务架构开源包. 所以 angular-phonecat 的运行就依靠 http-server 来驱动当前项目所在目录为web项目.

如何启动此项目

npm start

如果你看下此项目的 package.json 文件

"scripts": {
    "start": "http-server -a 0.0.0.0 -p 8000",
}

package.json 文件指定了 npm start 是利用 http-server 包启动当前项目所在目录,并且映射到 8000 端口上.

如何单元测试

PhoneCat 项目中的单元测试是使用 Karma 来完成的,所有的单元测试用例都存放在 test/unit 目录下。可以通过执行以下命令来运行单元测试:

npm test

出自:angular.js 官方应用 angular-phonecat 下载 运行 学习



回到顶部