Командная строка

Sass частично основан на языке программирования Ruby, поэтому для компиляции в CSS необходимо установить Ruby и выполнять компиляцию через командную строку. Способ установки зависит от того, какая у вас операционная система.

Установка Ruby

MacOS

Считайте, что вам повезло. В OS X уже установлен Ruby, поэтому всё что вам требуется — это открыть приложение Terminal и перейти к следующему шагу.

Windows

Инсталлятор можно взять по адресу http://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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 16.01.2015
Редакторы: Влад Мержевич