搭建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 

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

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

补充说明

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

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

参考资料

AngularJS入门教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容