前端的发展越来越快， 项目越来越大，越来越复杂，如何简单高效的组织开发流程就显得尤为重要。

所以 alloyteam 决定推出介绍现代化 webapp 的开发流程的一系列视频教程，今天就为大家呈上第一部【grunt 入门】。

前端项目越做越大，自然就少不了自动化工具，种种好就不废话了，各种自动化工具也不一一对比了，（ps：稍后我们会推出前端自动化工具的视频教程）这里就单说说 ant。

最近组内在打造统一的代码风格，每个人都自觉的按照规范文档给自己的偏好编辑器配上一配，我一直在用 webstorm，ctrl + alt + s 打开 webstorm的settings。

       相信大部分同学都或多或少的对 sass 和 compass 有所了解， 但为了扫盲， 我们还是多少介绍一下背景。

       Sass 的官方网站：http://sass-lang.com

       按照 sass 的官方介绍： sass 是基于 css 的一种元语言类型， 作用是为了让 css 文档结构化， 整洁，其提供了很多 css 之外的能力。

       Compass 的官方网站：http://compass-style.org

       一言以蔽之：compass 是基于 sass 的 css 处理框架。

       Sass 和 compass 的安装都极其简单 ：

1. 首先安装 sass 和 compass 运行所需的 ruby 环境， 推荐大家一键式安装：http://rubyinstaller.org/downloads/ (windows)
2. 执行 gem command， 安装 sass 和 compass 。