RSS

SASS + Compass под Windows: установка, настройка, работа

19 Июн 2013

Начав работать с SASS, столкнулся с ситуацией, когда непонятно с чего начать. Возможно это небольшое пошаговое руководство облегчит кому-то жизнь.

1. Для начала нужно установить Ruby

Берём инсталлер последней версии: http://rubyinstaller.org/downloads/
На этапе установки не забываем отметить пункт Add Ruby executables to your PATH

Add_Ruby_executables_to_your_PATH

2. Теперь нужно установить SASS + Compass

Для этого нужно открыть командную строку и последовательно выполнить следующие команды:
gem install sass
gem install compass

gem_install

3. SASS установлен, теперь нужно подготовить его для работы с проектом

Для этого в директории с нашим проектом необходимо выполнить команду:
compass init
Будет создан файл с конфигом для Compass и директории для файлов SASS и CSS.

compass_init

Теперь нужно отредактировать файл конфига config.rb, прописав там правильные пути к нашим папкам с SASS, CSS, JS и картинками.

Можно просто положить готовый файл конфига в корень проекта, тогда необходимость в использовании команды init исчезает.

4. Всё готово, можно работать.

В директории sass создаём файл/файлы с расширением .scss, в него пишем наш SCSS код.

Для того, чтобы Compass отслеживал изменения в этих файлах, и автоматически генерировал из них CSS, необходимо в корне проекта (там, где лежит файл с конфигом) выполнить команду:
compass watch
compass_watch

Появившееся консольное окно не закрываем до окончания работы с файлами SASS.

5. Profit!

Страница 3 из 812345...Последняя »