Установка compass на windows
Перед началом установки Compass вы должны установить Ruby. Для установки Ruby на Windows воспользуйтесьRubyinstaller.
Откройте командную строку и введите следующие команды:
1 2 | $ gem update --system $ gem install compass |
Чтобы установить предыдущую версию compass введите команду:
1 | gem install compass --pre |
Настройка Compass
Для начала работы с Compass необходимо создать его конфигурацию. В корневой папке вашего проекта создайте файл config.rb. Добавьте в него следующие строки:
1 2 3 4 5 6 7 8 9 | preferred_syntax = :sass http_path = '/' css_dir = 'assets/stylesheets' sass_dir = 'assets/sass' images_dir = 'assets/images' javascripts_dir = 'assets/javascripts' relative_assets = true line_comments = true output_style = :compressed |
preferred_syntax — выбор синтаксис :sass или :scss . По-умолчанию, установлен :scss.
http_path — путь к проекту. Например, если для разработки вы используете папку dev/ , то необходимо в config.rb указать http_path = "dev/"
css_dir — путь к файлам CSS. Путь указывается в зависимости от project_path. По-умолчанию, установлен "stylesheets" .
sass_dir — путь к файлам SASS. Путь указывается в зависимости от project_path. По-умолчанию, установлен "sass".
images_dir — путь к папке, в которой хранятся изображения. По-умолчанию "images".
images_path — полный путь к изображениям. По-умолчанию <project_path>/<images_dir>.
javascripts_dir — путь к javascript файлам. По-умолчанию "javascripts".
line_comments — определяет будут ли добавлены комментарии в скомпилированный CSS файл. В комментарии указывается адрес строки в файле Scss из которого скомпилировался данный класс. Имеет значения true или false.
output_style = :compressed — скомпилированный CSS будет сжат. Также могут быть заданы значения :nested , :expanded , :compact.
Запуск Compass в вашем проекте
После того как файл config.rb настроен и лежит в корневой папке вашего проекта, запустите командную строку и введите команду:
compass init
После выполнения команды появится папка sass и .sass-cache.
В папке sass будет лежать файл style.scss, в которым вы может писать ваш код.
Чтобы compass начал отслеживать изменения в файлах scss и компилировал css, запустите команду:
1 | compass watch |
Здравствуйте, вы не могли бы описать процедуру для начинающих?
Для начала работы с Compass необходимо создать его конфигурацию. В корневой папке вашего проекта создайте файл config.rb. Добавьте в него следующие строки: — в каком проекте? В любой папке добавить можно или?