liboy

AngularJS 学习：windows 下 git+nodejs 环境的搭载

此文章是 13-11 写的，刚开始接触 angular，现在也没有在 windows 下做开发。再者 phonecat 教程已经发生改变，大家请查看最新的。以后也会为大家带点 angular 高级教程。

---

AngularJS

AngularJS 是为了克服 HTML 在构建应用上的不足而设计的。HTML 是一门很好的为静态文本展示设计的声明式语言，但要构建 WEB 应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。

git

分布式的版本控制工具

nodejs

Node.js 是一套用来编写高性能网络服务器的 JavaScript 工具包，一系列的变化由此开始，在 Node 中，Http 是首要的。Node 为创建 http 服务器作了优化，所以在网上看到的大部分示例和库都是集中在 web 上(http 框架、模板库等）。

---

相信学习 AngularJS 的人都知道 AngularJS 中文社区，社区那套程序{jsGen}是作者完全使用 javascript 开发的，基本 AngularJS+nodejs+MongoDB。里面有详细的 AngularJS 入门教程，这篇文章就基于里面的 AngularJS 教程的环境搭建，正如第一个例子：phonecat。社区地址：http://angularjs.cn/

步骤

1. 下载 git：http://msysgit.github.io/
2. 下载 nodejs：http://www.nodejs.org/
3. 安装过程就像 windows 程序一样，省略。

---

第一步

从 github 获取实例文件，打开 Git Bash，输入代码

git clone git://github.com/angular/angular-phonecat.git

下载完成后在文件的目录在

C:\Users\liboy\下（win7&win8，我用的win8）

第二步

下载完成后的目录位置还是在用户目录下的，所以要输出下面代码进入 angular-phonecat 目录

cd angular-phonecat

再根据教程设置步骤：

git checkout -f step-0

启动服务器

node scripts/web-server.js

像我这种情况出错了，就是 8000 端口被占了。不用着急，按下面步骤修改即可：

1. 找到 C:\Users\liboy\angular-phonecat\scripts\web-server.js 文件（参照第一步）
2. 打开 web-server.js 文件，找到如下代码：

第九行

var DEFAULT_PORT = 8000;

把 8000 修改成其他端口即可，我修改成 3000。
再次运行：

node scripts/web-server.js

打开 http://localhost:3000/app/index.html

ok~!