#009：搭建本地开发环境

当然，我们不会永远只在Photoshop中完成这个设计，但我们已经有了足够的基础，可以开始在浏览器中创建这个设计了。毕竟，我们正在构建的是一个网站，而不是网站的图片（就像人们常说的那样）。

我们创建一个文件夹作为这个项目的根目录，然后手动创建项目的所有基本元素：一个index.html文件、资源文件夹等等。我们本可以使用HTML5 Boilerplate，但我们决定从头开始编写，然后再参考它，以确保将来不会遗漏任何东西。

我们设置了CodeKit来监视我们的项目文件夹。这样我们就可以使用任何我们想要的预处理器语言，以及CodeKit为我们提供的其他一些很酷的功能。CodeKit会自动将新编译的CSS直接注入到浏览器中，这在开发过程中极大地提高了速度。

我们介绍了Sass的最基本概念，我们将在整个项目中使用它。