SASS简介及安装

SASS

1.什么是sass

sass是一种css的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使的css的开发变得简单和可维护，是现在市场上对css简便写法的一种主流的方式。也可以称为“CSS的预处理器”。简单的来说，sass就是对css书写的简化。

2.安装以及使用

（1）安装

sass是Ruby语言，但是两者的语法没有关系。不懂Ruby，照样使用，只是必须先安装Ruby，可以直接去官网下载，这里下载的时候要看好自己的电脑系统是32位的还是64位的  ，文件不写32或者写84的都是32位系统可用的，注意，不要使用最新的版本，可以使用新版本的上两个版本，稳定性比较好。

如果安装好Ruby之后，在命令框输入：gem install sass，然后就可以使用了。

（2）使用

创建一个以.scss结尾的文件，里面直接可以使用css的语法。然后在该路径下用命令符执行下面指令：

sass 源文件 目标文件

 例如sass test.scss test.css 成功之后刷新或者会自动显示一个css文件，这里强调一下，sass文件最好使用中文字符集 可以在.scss文件的第一行加上一句 @charset “UTF-8”,以防止错误的发生。编译一下sass文件就要手动的去监听一下，这里很麻烦，可以使用自动监听

sass --watch 源文件:目标文件

这样就可以在sass文件里正常的编译语法了。