idea 配置 scss

web idea

一、Ruby 下载/安装

• 参考说明
• windows 下载安装地址（通过RubyInstallers安装）
• 网盘地址(RubyInstallers 2.6.5)，提取码dh3t

1. windows 安装（RubyInstallers）

2. 安装 compass

# 安装 compass
gem install compass
# 检测版本
compass -v

3. 安装 compass-normalize

# 安装 compass-normalize
gem install compass-normalize

4. 安装 sass

# 安装 sass
gem install sass
# 检测版本
sass -v

二、idea 插件 file watchers

1. 安装 file watchers

2. 配置 file watchers

• File -> Settings -> Tools -> File Watchers -> 右上方的 + 号
  
• --style compressed --no-cache --update --sourcemap $FileName$:$FileNameWithoutExtension$.min.css
  
  

最终效果