ruby以及sass安装、使用

sass安装需先安装ruby，安装过程参考sass中文网。

• 选择最新版ruby下载安装，勾选“add to path”；
• 查看是否安装成功，替换原gem源为https://gems.ruby-china.org/，如果有SSL证书问题而又懒得解决的，直接以http头替换https头；
  gem sources --remove https://rubygems.org/
gem sources --add https://gems.ruby-china.org/
• 安装sass
  gem install sass

安装完成后简单测试一下，给sublime安装sass和sass build插件，新建一个sass文件，写入内容：

$link-color: red;a {    color: $link-color;}

按Ctrl + B编译成功，提示：
write your path/test.css
write your path/test.css.map
[Finished in 0.5s]

编译格式选择：tools>build with…：sass和sass - compressed，分别是展开版和压缩版。

注意：在测试sass文件编译时主要注意下文件的后缀名。sass文件有2类后缀，sass和scss，sass会报错，scss不会，此问题参考自这里

---

sass语法格式
Sass 有两种语法格式。

• 首先是 SCSS (Sassy CSS) ，这种格式仅在 CSS3 语法的基础上进行拓展，所有 CSS3 语法在 SCSS 中都是通用的，同时加入 Sass 的特色功能。此外，SCSS 也支持大多数 CSS hacks 写法以及浏览器前缀写法 (vendor-specific syntax)，以及早期的 IE 滤镜写法。这种格式以 .scss作为拓展名。
• 另一种也是最早的 Sass 语法格式，被称为缩进格式 (Indented Sass) 通常简称 “Sass”，是一种简化格式。它使用 “缩进” 代替 “花括号” 表示属性属于某个选择器，用 “换行” 代替 “分号” 分隔属性。缩进格式也可以使用 Sass 的全部功能，只是与 SCSS 相比个别地方采取了不同的表达方式。这种格式以.sass作为拓展名。

如此一来，就可以比较合理的解释为什么.sass文件在编译时会报错，而.scss文件不会，这是因为语法格式存在差异。