Sass частично основан на языке программирования Ruby, поэтому для компиляции в CSS необходимо установить Ruby и выполнять компиляцию через командную строку. Способ установки зависит от того, какая у вас операционная система.
Установка Ruby
MacOS
Считайте, что вам повезло. В OS X уже установлен Ruby, поэтому всё что вам требуется — это открыть приложение Terminal и перейти к следующему шагу.
Windows
Инсталлятор можно взять по адресу https://rubyinstaller.org/downloads, скачайте с сайта последнюю версию и установите её.
Установка Sass
Теперь нужно установить Sass. В MacOS откройте Terminal, в Windows нажмите Win+R и наберите cmd. В командной строке напишите:
gem install sass
Подождите немного пока все необходимые файлы будут скачаны и установлены на ваш компьютер.
Компиляция
Теперь можно сообщить Sass следить за изменением выбранного файла и компилировать его в традиционный CSS. Перейдите в командной строке в папку проекта и наберите:
sass --watch styles.scss:styles.css
Здесь: styles.scss — имя Sass-файла; styles.css — имя конечного CSS-файла.
Сам стилевой файл не обязательно должен существовать, если его нет, то он будет создан автоматически. Чтобы прекратить слежение за редактированием, перейдите к командной строке и нажмите Ctrl+C.
Для получения CSS из уже готового файла наберите следующее:
sass style.scss style.css