Как использовать компас в phpstorm?

Ответ 1

Прежде всего, вопрос, который вы связали, - это поддержка поддержки импорта в стиле Compass, и это обходное решение, которое не работает для каждого проекта.

Ваш вопрос о другом: компиляция проектов Compass.

Оба вопроса будут рассмотрены в 7-й версии PHPStorm, которая скоро не будет выпущена: 6-я версия только что была выпущена. На данный момент существует ряд обходных решений.

Компиляция проектов Compass с помощью PHPStorm вручную

• Перейдите в раздел Внешние инструменты параметров PHPStorm IDE.
• Создайте внешний инструмент new. Назовите его "Compass compile manual" или аналогичным образом.
• Установите Программа, чтобы указать на свой двоичный код Compass. В Windows это похоже на C:\Ruby193\bin\compass.bat, на Linux и Mac это может быть просто compass. Но если вы используете RVM, то программа должна быть bash.
• Поле Параметры должно быть compile для всех ОС, если вы не используете RVM. Для RVM параметр должен быть установлен на –login -c "compass compile".
• Поле Рабочий каталог должно быть установлено на $ProjectFileDir$.

Ручную компиляцию можно запустить из меню Инструменты. Вы также можете назначить горячую клавишу для ее быстрого запуска. Убедитесь, что горячая клавиша не сталкивается с существующей.

Создание PHPStorm для компиляции вашего проекта при сохранении изменений

• Убедитесь, что у вас есть самая последняя версия предварительного просмотра PHPStorm. Вы можете скачать его из здесь.
• Убедитесь, что установлен плагин Файловые наблюдатели. Перейдите в раздел Плагины параметров PHPStorm IDE, найдите Хранители файлов. Если он отсутствует в списке, установите его через Обзор репозиториев и перезапустите PHPStorm.
• Откройте ваш проект в PHPStorm, если вы еще этого не сделали.
• Перейдите в раздел Хранители файлов в настройках проекта PHPStorm.
• Создайте новый Хранитель файлов. Используйте настраиваемый шаблон. Назовите своего наблюдателя "Compass compile on save" или аналогичным образом.
• Задайте Тип файла для SCSS или SASS, в зависимости от того, который вы используете в своем проекте.
• Оставьте Scope как "файлы проекта"
• Установите Программа, чтобы указать на свой двоичный код Compass. В Windows это похоже на C:\Ruby193\bin\compass.bat, на Linux и Mac это может быть просто compass. Но если вы используете RVM, то программа должна быть bash.
• Поле Аргументы должно быть compile для всех ОС, если вы не используете RVM. Для RVM Аргументы должны быть установлены на –login -c "compass compile". UPD: @ezekiel-victor предлагает следующее: –login -c "compile --sass-dir=$ProjectFileDir$ --css-dir=$ProjectFileDir$".
• Поле Рабочий каталог должно быть установлено на $ProjectFileDir$.
• Отключить Check for syntax errors.
• Оставьте остальные пустыми и сохраните.

Теперь, когда вы сохраняете изменения в любом из ваших файлов SCSS или SASS, PHPStorm сообщит Compass для компиляции проекта.

UPD Если вы используете Bundler (там Gemfile в вашем проекте, и вы выполняете bundle install для извлечения зависимостей), вы используете bundle exec compass compile вместо compass compile. Это означает, что вы должны использовать исполняемый файл bundle (bundle.bat в Windows) вместо compass (compass.bat) и соответствующим образом отрегулировать поле Arguments.

Выполнение compass watch вручную в консоли ОС (рекомендуется)

Проблема с запуском compass compile заключается в том, что он медленный, поскольку он перекомпилирует весь проект каждый раз, когда он выполняется.

Вместо этого вы можете запустить команду compass watch вручную в папке проекта с помощью консоли ОС. Compass Watch будет постоянно следить за вашим проектом за изменениями. Когда изменения будут замечены, он будет перекомпилировать только измененную часть, которая намного быстрее.

Compass Watch достаточно умен, чтобы не отслеживать каждый файл в вашем проекте. Он контролирует только частичные файлы (например, screen.scss) и частичные (например, _layout.scss)), которые импортируются любым не частичным файлом или импортированными частицами рекурсивно.

Если вы работаете с вашим проектом через сетевую файловую систему (например, при использовании виртуальной машины или сервера разработки для запуска вашего кода), изменения компиляции и отслеживания становятся слишком медленными. Таким образом, лучший вариант при использовании удаленной/виртуальной машины - запустить compass watch на этом компьютере, чтобы отслеживать изменения локально, а не через сетевую файловую систему.

Повторное сопоставление компаса

Компас кэширует свою работу, чтобы сделать компиляцию быстрее. Иногда кеш становится несовместимым с содержанием проекта. Это приводит к тому, что Compass сообщает о всех видах странных ошибок и отказывается компилировать ваш проект.

Как только вы почувствуете, что Compass сообщает об ошибке, которая не соответствует действительности, выполните compass clean и перекомпилируйте свой проект. Очистка очистит кеш компаса и выполнит файлы, чтобы он начинался с нуля.

Вы можете запустить compass clean вручную в консоли или добавить его как внешний инструмент PHPStorm.

Ответ 2

Если это помогает кому угодно - на Snow Leopard, компас устанавливается в следующем каталоге (очевидно, номера версий в пути зависят от установленной версии):

/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass

Итак, для параметра Программа: вы можете выбрать его там.

Ответ 3

Пожалуйста, просмотрите комментарии в соответствующем билете (Support for Compass) на трекер JetBrains: несколько комментариев содержат инструкции о том, как заставить его работать даже в текущих версиях среды IDE:

http://youtrack.jetbrains.com/issue/WEB-5802#comment=27-471454

Ответ 4

Я использую PhpStorm 2017.1.4

Настройка переменной пути Ruby и включение компаса в PhpStorm не сработала для меня.

Я не мог использовать компас из каталога проекта ( "Не удалось запустить Compass" ), потому что терминал не смог разрешить командный компас с исполняемым файлом из каталога Ruby instal.

Таким образом, я постоянно устанавливаю переменную окружения windows (using win10), следуя этому пояснения.

Краткое описание:

• Предположим, вы уже установили рубин и компас.

• Перейдите к: Control Panel -> System -> Advanced System Settings -> Environment Variables...

• Добавьте C:\Ruby22\bin к переменной PATH

• Перезапустить PhpStorm

Дальнейшие советы:

Если вы импортировали проект из другой системы, это может помочь, если вы удалите свой config.rb и запустите compass init из корня проекта.