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/
步骤
- 下载git:http://msysgit.github.io/
- 下载nodejs:http://www.nodejs.org/
- 安装过程就像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端口被占了。不用着急,按下面步骤修改即可:
- 找到C:\Users\liboy\angular-phonecat\scripts\web-server.js文件(参照第一步)
- 打开web-server.js文件,找到如下代码:
第九行
var DEFAULT_PORT = 8000;
把8000修改成其他端口即可,我修改成3000。
再次运行:
node scripts/web-server.js
打开 http://localhost:3000/app/index.html
ok~!
没有 web-server.js 文件了,现在新的启动方式是npm start