此文章是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

2013-11-29_192749.png

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

C:\Users\liboy\下(win7&win8,我用的win8)

第二步

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

cd angular-phonecat

2013-11-29_193443.png

再根据教程设置步骤:

git checkout -f step-0

2013-11-29_193622.png

启动服务器

node scripts/web-server.js

2013-11-29_193819.png

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

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

2013-11-29_194336.png

第九行

var DEFAULT_PORT = 8000;

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

node scripts/web-server.js

2013-11-29_194653.png

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

2013-11-29_194811.png

ok~!