现在的位置: 首页 > 综合 > 正文

编译sass/scss文件

2012年11月26日 ⁄ 综合 ⁄ 共 662字 ⁄ 字号 评论关闭

关于sass/scss http://sass-lang.com/

sass提供了一些语法规则,如嵌套,变量,继承等,可以更好的组织和管理css。

关于compass http://compass-style.org/

compass最直接的作用是可以将sass编译成css.

但compass是需要运行在ruby上的,所以要先安装ruby.

1.首先确认是否安装了ruby,在命令行输入如下命令

>ruby -v

如果出现版本信息说明已经安装,如果提示不是可运行的命令,则需要安装ruby.

下面的链接提供了多种安装方法。

http://www.ruby-lang.org/en/downloads/

其中一种方便的方法是借助第三方工具-RubyInstaller(适用于windows),

下载RubyInstaller,我下载的是Ruby 1.9.3-p385

http://rubyinstaller.org/downloads/

安装完成后再次输入ruby -v验证(注意重开cmd).

2.安装compass

在命令行输入以下命令,安装需要几分钟(耐心)

>gem install compass

输入>compass -v 出现相关信息说明安装成功。

3.安装sass

在命令行输入以下命令

>gem install sass 

4.编译sass文件

在命令行下进入到sass文件所在目录,

运行>compass compile

也可以指定要编译的文件

>compass compile fileName.scss

#sass文件夹下会有个config文件指定编译后的css存放位置。

 

抱歉!评论已关闭.