sass 初体验

标签：

1.安装

安装ruby

淘宝RubyGems镜像安装 sass

$ gem sources --remove https://rubygems.org/

$ gem sources -a https://ruby.taobao.org/

$ gem sources -l

gem install compass

2.使用

下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）

　　sass test.scss

如果要将显示结果保存成文件，后面再跟一个.css文件名。

　　sass test.scss test.css

SASS提供四个编译风格的选项：

　　* nested：嵌套缩进的css代码，它是默认值。

　　* expanded：没有缩进的、扩展的css代码。

　　* compact：简洁格式的css代码。

　　* compressed：压缩后的css代码。

生产环境当中，一般使用最后一个选项。

　　sass --style compressed test.sass test.css

既然.scss能通过sass命令转译成.css样式，那么我们是否可以将.css转译成.scss呢？事实是可以的，我们可以通过sass-convert命令：

$ sass-convert css/style.css style.scss

sass-convert除了可以将.css样式转译成.scss文件之外，还可以通过这个命令对.sass和.scss之间样式转译。

sass 初体验

标签：

原文地址：http://www.cnblogs.com/liujin0505/p/4584594.html