码迷,mamicode.com
首页 > Web开发 > 详细

sass scss with sublime

时间:2018-06-23 19:01:51      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:ror   cal   file_path   color   UI   sass   scss   css   new   

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)$"
}

 

sass scss with sublime

标签:ror   cal   file_path   color   UI   sass   scss   css   new   

原文地址:https://www.cnblogs.com/sunbey/p/9217631.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!