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

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

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

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

       相信大部分同学都或多或少的对 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 。