下面我们先介绍一下这个课程里用到的东西，你可以在课程的资源包里，找到一个启动项目 ... 用 Bracks 编辑器打开这个项目目录，就是你现在看到的这个样子 ..

index.html 是项目的主页 ... 在这个文档上，用到了 bootstrap 框架的样式表 ... 还有 jquery ... underscore.js ... 这是 underscore 库的文件 ...

下面的 data.js ... 在 js 这个目录的下面 ... 在这个文件里面，事先定义好了一些要在这个课程里面用到的数据 ... 一些数组还有对象 ...

最后的 app.js ，是一个空白的脚本文件 ... 在课程里面，我们可能需要在它里面去输入几行代码 ...

这个课程的大部分的测试，都是在 Chrome 浏览器的控制台上完成的 ...

在浏览器里，打开这个 index.html ...

打开控制台，可以点击 视图 菜单 .. 开发者 ... 选择 JavaScript 控制台 ... 或者也可以直接使用快捷键 alt + command + J 打开控制台。

windows 上应该是 alt + ctrl + J

点击 右上角 的这个按钮 ... 可以在新窗口打开控制台 ...

再点击这个按钮 ... 会回到原来的样式 ...

在控制台，输入在 data.js 里面定义好的数据，可以直接输出里面的内容 ... 比如输入 fruits ... 会返回在 fruits 里面的东西 ...