windows下安装SASS

最新推荐文章于 2025-02-21 18:14:27 发布

weixin_30699235

最新推荐文章于 2025-02-21 18:14:27 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

文章标签： shell ruby

原文链接：http://www.cnblogs.com/siluo2000/p/9271504.html

本文介绍在Windows环境下安装Ruby与Sass的方法，并详细说明如何在Sublime Text 3中配置Sass环境，实现Sass文件的自动编译及参数设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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