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]