Настройка SASS в PhpStorm с поддержкой Compass

Показать описание

Настройка SASS в PhpStorm (LESS / SCSS) выполняется в несколько простых действий. Однако, есть небольшая проблема с подключением Compass Framework, при работе под управлением ОС Microsoft Windows.

В видео демонстрирую способ установки поддержки LESS / SCSS для PhpStorm и способ решения проблемы с импортом ресурсов Compass Framework и сообщением об ошибке: File to import not found or unreadable: compass/reset.

Тайм-коды:

00:16 - Требования к среде разработки PhpStorm.
00:36 - Установка Ruby с поддержкой SASS.
02:16 - Установка расширения SASS для Ruby.
03:21 - Настройка File Watcher для обработки SCSS файлов в PhpStorm.
07:27 - Настройка File Watcher для обработки SASS файлов в PhpStorm.
11:05 - Установка расширения Compass для Ruby.
12:11 - Подключение поддержки Compass в PhpStorm.
15:24 - Как решить проблему с ошибкой: File to import not found or unreadable: compass/reset.

Рекомендации по теме

Комментарии

Для меня это видео оказалось полезным, не мог понять почему компас рэсэт не компилил через веб шторм, так что от меня спасибо и +

TurkevichVV

Блин, реально спасибо. Пригодилось. Целых два часа возился с решением проблемы, которая решается добавлением одного слова-- compass к аргументам ))))

armandohart

Спасибо за детальный обзор. Очень пригодилось

alexandershapovalenko

Огромное спасибо автору! Нашел решение давней проблемы :)
Хочу только дополнить, бывает случаи когда sass и compass не совместимы по версиям, если так случилось,
то нужно удалить и compass и sass, и поставить другие версии (возможно откатить чутка например: 3.5 sass до 3.4.25 и compass похожим образом),
и вот после этого все 100% заработает!

Еще раз спасибо автору!!

youcess

I wish I spoke your language (Russian?) but this helped me sort a couple of setup issues. Thanks!

danbrazier

Спасибо, помогло и уже не один раз :)

ЕвгенийЛуковский-вн

I like it even I don't understand the language. Thanks!

HalimHassani

А не подскажете, какие аргументы нужны, чтобы указать свою папку для компиляции scss файлов? По умолчанию они идут туда же где и scss файл, но как поменять путь складирования скомпилированных css не понятно...

andypassion

Спасибо за видео гайд, compass не работает на версии sass выше 3.4.25. Для установки этой версии нужно прописать gem install sass -v 3.4.25

PoulFly

Спасибо, помогло
Только читается не пач (path), а пас

kardonov

Настройка SASS в PhpStorm с поддержкой Compass

Настройка SASS в PhpStorm с поддержкой Compass

Установка SASS (SCSS) + Phpstorm

Установка SASS (SCSS) + Phpstorm

{ WebStorm } { Intellij Idea } Автокомпиляция SCSS 👉 CSS с помощью 'File Watchers'...

как поместить sass и css в разные папки, phpStorm

Работа с SASS в PHPStorme

Problem med SASS och PhpStorm

Настройка Compass в PhpStorm. Инициализация Config.rb и структуры каталогов...

быстрая и понятная настройка File Watcher WebStorm Ubuntu при подключении препроцессоров SASS/SCSS...

How to setup sass/scss with php storm

Настройка FileWatcher в WebStorm

Урок #1 - Установка SASS / SCSS

CSS : SCSS / SASS to CSS in special folder with PHPstorm 7 file watcher

Окружение для веб-разработки в phpStorm, MODX, Git, JSX, SASS File Watchers. Компиляция Bootstrap....

How to compile scss/sass using Phpstorm file watcher(Bangla)

PhpStorm 2 - установка компиляторов и работа на сервере

1. Препроцессор Sass. Установка, компиляция

Основы SASS. Как установить SASS с командной строки

Установка Compass/Sass

Sass - легко. Установка, настройка, примеры, литература.

SASS: First line of code | SCSS Tutorial

Adding the SASS preprocessor to WebStorm

Sass: основы препроцессора [Начало работы]

9.2.1. Создание темы на основе Bootstrap. Компиляция SASS через Gulp...