Настройка PhpStorm для компиляции Sass / scss на лету

В системе должен быть установлен node-компилятор SASS.

Настройки редактируются в Settings -> Tools -> File Watchers.

Program:

/usr/local/bin/node-sass

Arguments:

$FileName$ --style compressed --source-map=true -o $FileParentDir$/css

Output paths to refresh:

$FileParentDir$/css/$FileNameWithoutExtension$.min.css:$FileParentDir$/css/$FileNameWithoutExtension$.css.map

Working Directory:

$FileDir$

Обязательно снять галочку в закрытом аккордеоне Edited Options напротив Auto save edited files to trigger the watcher, иначе файл будет перекомпилироваться при малейшем изменении, зачастую выбрасывая ошибку, пока не закончено написание одной инструкции.