搭建AngularJS学习环境

1.首先:您需要安装Node.js和Testacular来运行本项目,请到Node.js官方网站下载并安装最新版,然后把node可执行程序路径添加到系统环境变量PATH中,完成后在命令行中运行一下命令可以查看是否安装成功:

node -v

2.然后安装Testacular单元测试程序,请运行如下命令:

npm install -g testacular

3.安装Git工具,然后用以下命令从Github复制教程项目的源代码文件:

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

注意:这个包大概有100M,流量用超了,心疼!

4.进入教程源代码文件包angular-phonecat,运行服务器后台程序,开始学习AngularJS!

cd angular-phonecat
node scripts/web-server.js

这里需要注意:你会发现下载下来的scripts目录中并没有web-server.js文件。实际上 PhoneCat 项目已经放弃使用 web-server 了

可以用下面的方式来启动工程:

$ npm start 

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

我是直接在app目录下打开的终端,所以我用是通过http://localhost:8000/index.html访问的

补充说明

PhoneCat 项目的运行与测试依赖一些别的工具,可以在安装 Node.js 后通过 npm 命令来安装这些依赖包。以下命令需在 angular-phonecat 项目路径下运行:
$ npm install
运行该命令后,会在 angular-phonecat 项目路径下安装以下依赖包:

  • Bower 包管理器
  • Http-Server 轻量级Web服务器
  • Karma 用于运行单元测试
  • Protractor 用于运行端到端测试

参考资料

AngularJS入门教程

你可能感兴趣的:(搭建AngularJS学习环境)