sass scss with sublime

1.打开sublime，安装包 Sass, Sass Build, SublimeOnSaveBuild

 

2.若未安装sass，打开iterm，gem(ruby工具)安装sass

sudo gem install sass

 

3.配置编译目录

打开sublime

tools -> Build System -> New Build System，粘贴代码 -> 保存(mysass.sublime-build) 

tools -> Build System -> mysass

{

    "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css", "--stop-on-error", "--no-cache", "--style", "expanded", "--sourcemap=none"],

    "selector": "source.sass, source.scss",
    "line_regex": "Line ([0-9]+):",

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

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

}

 

4.不编译下划线 _ 开头的文件

Sublime text -> Preferences -> Package Setting -> SublimeOnSaveBuild -> Settings - User

{
    "filename_filter": "(/|\\\\|^)(?!_)(\\w+)\\.(css|js|sass|less|scss)$"
}