sass的安装和使用

今天把手头的项目完成，终于可以闲下来弄自己喜欢的技术了。
之前看到有一些技术是对css的预处理，所以今天趁着这个时候就来研究一下。

一、安装

---

因为sass依赖于ruby环境，所以装sass之前先确认装了ruby ，这里附上Ruby 官网，因为我的电脑是64位的，再加上官网上面推荐使用2.2.X版本，于是我就下载了2.2.4（64x）版本了。
在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境

说明.jpg

二、sass安装

---

安装完ruby之后，在开始菜单中，找到刚才我们安装的【Ruby 2.2.4-p230-x64】，打开Start Command Prompt with Ruby

说明.jpg

然后在命令行中输入 ： gem install sass

网友说，最近因为墙的比较厉害，如果你没有安装成功，还有另外的方法。反正我也是没有成功。

下载Sass文件或者在官网下载Sass文件。

然后在原先打开的【Start Command Prompt with Ruby】命令窗口新建一行输入 “gem install ” 【PS:注意这里的install后面有空格】，然后再将刚刚下载的Sass文件夹打开，将【sass-3.4.22.gem】文件拉入命令窗口，敲Enter键 等待十多秒就会显示安装成功。

三、使用

---

参考网站 http://www.w3cplus.com/sassguide/syntax.html

Sass文件有 两种文件后缀，分别为 **.sass 和 **.scss 但我们一般习惯使用有大括号的 **.scss文件名。

这里再推荐一个 scss文件翻译工具 Koala 下载下来就可以用，即时翻译，非常方便。

总结

---

一开始我以为scss文件是直接套用在html页面中
其实使用规则是页面中运用sass的优势去写样式，再将scss文件翻译成css样式表，在html页面中引用。

参考网站：

http://www.w3cplus.com/sassguide/