学习AngularJS的一个好办法,就是在这份简明教程的帮助下,动手实现一个简单的AngularJS web程序。该程序以分类方式来显示一些Andorid设备,你可以筛选出感兴趣的设备,并查看某个设备的详细资料。
Angular可以让你的浏览器更好更强大(不需要用浏览器插件或者扩展程序)。当你阅读这份教程时,你将会:
它们可以在任何浏览器中工作,不需要对浏览器做任何改变!
当你完成了这份“简明教程”后,你可以做到:
该教程将带领你走完创建一个简单web程序的全过程,甚至包括如何编写和运行end-to-end的测试。每一步最后的实验将向你提供一些建议,帮助你学习更多AngularJS的知识,和理解你正在创建的程序。
你只需要花几个小时就能看完这整份文档,或者花一天时间来享受深入研究它的乐趣。如果你在寻找一份更简短的AngularJS介绍,请看新手指南。
在你阅读这份教程的时候,你可以在Mac/Linux/Windows上,亲手编写运行示例代码。你可以使用Git版本控制工具从github上来获取和管理示例,或者用一个脚本把最新的项目文件复制到你的工具目录中。
从下面的几种方式中,选择一种适合你的方式,先把工作环境搭好。
Java用来跑单元测试。
你可以从Git源代码编译,或者使用预编译的包。
git clone git://github.com/angular/angular-phonecat.git
该命令将在你当前目录下建立一个angular-phonecat目录,并把文件放置其中。
cd angular-phonecat
在本教程中,都假设你的命令运行于angular-phonecat目录下。
如果没有,请到java官网上下载安装。
从Git官网下载并安装msysGit
打开msysGit的命令行工具并从Github上clone下angular-phonecat仓库。使用以下命令:
该命令将在你当前目录下建立一个angular-phonecat目录,并把文件放置其中。
在本教程中,都假设你的命令运行于angular-phonecat目录下。
你应该在msysGit的命令行工具中,运行所有的git命令。
而其它的命令(比如test-server.bat或test.bat)可以直接在windows的命令行中执行。
Java用来跑单元测试。
下载包含了最新文件的zip包,并把它解压到某目录下(假设为tutorial-dir)
进入tutorial-dir/sandbox目录:
cd tutorial-dir/sandbox
在本教程中,都假设你的命令运行于sandbox目录下。
java -version
如果没有,请到java官网上下载安装。
下载包含了最新文件的zip包,并把它解压到某目录下(假设为tutorial-dir)
进入tutorial-dir/sandbox目录:
cd tutorial-dir/sandbox
在本教程中,都假设你的命令运行于sandbox目录下。
最后需要确定的是,你的电脑上要有一个浏览器和一个编辑器。
现在,让我们开始做一些很酷的事情吧!