web前端开发利器——基于ruby的sass，compass和Dreamever+emmet插件

标签：

引言：web前端的html页面和css文件有时写起来会很麻烦，但是借助一些工具能够帮助我们轻松的构建相应的页面。sass是css的一款开发工具，有相应的语法，可以有逻辑和简洁编写css代码。本文介绍的主要是基于Dreamever cs5加上emmet插件快速编写简洁html页。

1. ruby安装与配置

ruby可以从百度搜索中的百度软件安装中心找到或者官网下载。安装很简单，以.exe文件进行安装，直接进行下一步安装就行。安装完成之后，在命令行窗口中输入 ruby -v，如果显示了相应的版本说明安装成功。后面则需要安装sass插件，也可以参考相应的sass语法，最后安装compass插件（阮一峰）。通过前面的配置，基本前端编译环境已经配置完成。

2. Dreamever cs5+emmet插件

在Dreamever上面安装emmet插件需要有extention manager管理器，通过管理器安装emmet插件（提取码iuad）。安装好之后就可以快速便捷的编辑html代码。相应的代码参考规范可以看如下链接http://www.iteye.com/news/27580 在Dreamever中可能有的快捷命令不太管用，可以试着以Ctr+E快捷键实现上述功能。

综述：上述过程就是对一个前端开发环境的搭建，对后来前端设计有很大帮助。

web前端开发利器——基于ruby的sass，compass和Dreamever+emmet插件

标签：

原文地址：http://www.cnblogs.com/kunlbc/p/4772702.html