在Sublime Text 2下面开发Sass

Sublime Text 2的强大之处在于简洁的界面下面有一套强大的插件。若要在Sublime Text 2下开发Sass,我们需要先安装两个插件。

1、Sass插件,用来语法高亮显示Sass源文件。

2、Sass Build插件,用来编译Sass文件,前提是已经安装好了Ruby环境与sass.gem。

插件的安装在这里就不再赘述了,大家可以从网上搜索一下,也可以直接将从这里下载的压缩包,解压后放到Sublime Text 2目录下的data/Packages目录下面来进行安装。

在Sublime Text 2下创建一个scss文件,输入以下内容并且保存为test.scss。

$color: #369;

body {
    background: darken($color, 10%);
}

按Ctrl+B进行编译,如果安装了sass编译环境,这时候应该在下面的console中显示如下编译结果。

overwrite D:\st/test.css
[Finished in 4.0s]

原文地址:https://www.cnblogs.com/AUOONG/p/2836752.html