intelliJ idea设置sass自动编译

1.首先crtl+alt+s，在Plugins组件中搜索file watchers，如果没有就点击下面按钮“Install JetBrains plugins”，搜索“file watchers”安装并重启idea。

2.如果有file watchers组件，就在tools中点击此选项，点击右侧“+”，选择scss。

program：一般是c盘，ruby文件夹，\bin\sass.bit(sass依赖于ruby，所以必须先安装ruby，然后在cmd中查看ruby是否安装成功，ruby -v，安装成功后，安装sass，指令是 gem install sass，之后会显示sass安装成功)

arguments：--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css（$FileParentDir$ --sass文件所在文件夹的上级文件夹，$FileParentDir(sass)$ -- sass文件所在的文件夹）

output paths to refresh：$FileNameWithoutExtension$.css（只输出css文件）

 

差不多这样设置之后就可以成功了，如果不行， 就再把Sass文件也加入watch队列。

 

 

mac环境下，使用ruby安装之后，查找sass安装路径（wihch sass），一般是：/usr/local/bin/sass

将此路径放在program中：

设置文件的输出路径即可，注意⚠️：mac中文件路径不需要使用反斜杠\，使用正常/就ok。