windows下安装SASS

window下安装ruby与sass(附ruby)

webstorm设置sass自动编译,及参数配置

安装sass以及如何在sublime里使用

sublime text 3 配置sass环境

sublime text3中sass编译后保存到设定的文件夹中

Arguments

--no-cache --update --sourcemap watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

Output paths to refresh

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

sublime text 3 指定sass生成的*.css和*.css.map路径

操作步骤：

1）Tools->build system -> new build system ... 会生成一个文件，把下面的内容复制到文件中覆盖里面的内容

{
    "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css","--stop-on-error","--no-cache","--style","compressed"],
    "selector": "source.sass, source.scss",
    "line_regex": "Line ([0-9]+):",  

    "osx":
    {
        "path": "/usr/local/bin:$PATH"
    },  

    "windows":
    {
        "shell": "true"
    }
}

2）然后ctrl+s保存为MySass.sublime-build。 没有文件夹的就新建一个文件夹保存在里面。

3）回到sublime，点击tools->Build system -> MySass。

4）然后打开你想要编译的.scss文件，ctrl+B. 如果在对应的css文件夹生成了对应的.css和.css.map文件，那就成功了。