1.angular-phonecat环境搭建

前言：

最近在看angular，像我这样的小菜鸟，都不敢说自己在看angular~T^T，因为莫名的有点羞涩~⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄~。

在做搭建环境的笔记之前，我也要像其他大神一样，吐槽一下angular的中文学习网，git上的angular-phonecat项目都已经更新的不要不要的了，但angular官网的学习资料还是2012年的学习文档T^T，本地服务器也不用web-server.js起了，也不用JsTestDriver运行单元测试了（听说名字改成Karma了，再次害羞~⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄~）。所以当初搭建环境的时候，遇到了很多麻烦，云里雾里看了很多博客和文档，就莫名其妙的把跑出了“nothing here yet!”（angular第一个程序）。

特此，回头整理了一遍。写在这里有个备注，以后能时不时的看下，以便未来装B吓唬实习生。咩哈哈哈……

环境安装：

1.安装Git

安装地址：http://git-scm.com/download 

从GitHub上克隆angular-phonecat项目：

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

会在你的当前目录下，创建angular-phonecat项目目录。其中 --depth=14：获取前14次的提交。这么多就足够了。

在终端进入angular-phonecat目录：

cd angular-phonecat

*后面所有命令都在此目录下进行

2.安装Node.js

安装地址：http://nodejs.org/download/

需要nodejs的版本号是v0.10.27+。所以最好在终端确认下你的nodejs的版本号是多少：

node -v 或者 node --version

安装完nodejs后，你可以执行下面的命令，来自动解决依赖问题：

npm install

 这个命令会下载以下工具到node_modules目录下：

• Bower：客户端代码管理包
• Http-Server：简单的本地静态web服务器
• Karma：单元测试工具
• Protractor：端到端（E2E）测试工具

3.启动angular程序

在angular-phonecat目录下，切换项目分支：

git checkout -f step-0

把你的工作区切换到step-0分支上

开启服务器：

npm start




4.需要用到的命令行：

npm start: 打开本地开发web服务

npm test: 运行Karma单元测试 

npm run protractor: 运行Protractor端到端(E2E)测试 

npm run update-webdriver: 安装Protractor需要的驱动程序

/***************************************************************** **************************************************

几乎所有的 AngularJS 学习教程，都会写到用这个命令来启动服务： 

$ node scripts/web-server.js 
但实际上 PhoneCat 项目已经放弃使用 web-server 了，git 上取下来的的项目里没有 scripts/web-server.js 文件了。 
可以用下面的方式来启动工程：

$ npm start

通过 http://localhost:8000/app/index.html 访问

***************************************************************** ************************************************** /