【一起学AngularJS】第二章、入门引导

本章教程将让你熟悉phonecat应用中关键的AngularJS代码。同时你还能学会如何启动绑定了基于AngularJS种子项目开发的项目的服务器，以及在浏览器中运行你的应用。（AngularJS种子是一个用来引导加载新的Angular项目的Angular经典实现。）
在继续之前，请先确认你已经搭建好了开发环境并且安装了所有需要的依赖工具，如果你无法确认，请参照第一章中的Get Started部分。
在angular-phonecat目录中，输入以下命令：

git checkout -f step-0

这个命令用来把代码强制切换到step-0分支。说白了就是教程的第0步。-f将丢弃你目前为止所做的改动。
另外，你最好在教程的每一步开始之前都敲下这个命令，当然了你在第N步，你应该把0改成N。这样的好处时，就算你不小心改错了也没关系，因为你的改动会被丢弃。如果你不想自己的改动被丢弃，可以创建一个新的分支并提交当前的改动，再使用上述命令。
如果你还没有安装phonecat所需要的一些依赖的话，通过以下命令来安装：

npm install

准备好了之后，下面就是运行我们的网站了。打开一个新的终端或者控制台，然后运行

npm start 

来启动网站服务器。然后你就可以在浏览器中通过 http://localhost:8000/app/来访问这个网站了。
这里需要注意一下，如果你在主分支上运行了你的网站，然后才切换到step-0分支上，你在浏览器里看到的还是缓存的主分支版本。你只需要重新刷新下页面就能看到最新的版本了。【注解：NodeJS服务器似乎能自动监控代码变化并且动态加载，就像Eclipse中开发网站一样】
到此为止，你可以在浏览器中看到网页了。不算太令人兴奋吧，但是没关系。
网页上显示的“Nothing here yet!” 对应的是下面的HTML代码，其中包含了一些教程后续过程中我们需要的一些元素：

   
   
   
   
  

 
  
Nothing here {{'yet' + '!'}}

代码解释

ng-app属性和ngApp 指令

ng-app属性对应了AngularJS框架中的ngApp指令（AngularJS 使用spinal-case来命名AngularJS属性，使用camelCase来命名与属性对应的指令）。ngApp指令用于标记某个html元素，告诉AngularJS框架把它当作Angular应用的根元素（注释：这样一个元素整体叫做一个Angular应用）。这样做的好处可以让开发者自由控制，把自己需要的特定的HTML元素设置为Angular应用元素。

AngularJS Javascript脚本标记