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文件，那就成功了。