Intellij IDEA 11: как я могу скомпилировать .css из .less?

Ответ 1

IntelliJ IDEA полагается на веб-фреймворки и сторонние инструменты развертывания для выполнения этой задачи. Существует запрос для выполнения такой компиляции внутри себя, не стесняйтесь голосовать.

Ответ 2

Я написал LESS Compiler plugin, который автоматически компилирует файлы LESS в CSS всякий раз, когда они меняются.

Вы можете настроить несколько LESS-каталогов для просмотра каждого проекта, а каждый из них будет скопирован в один или несколько выходных каталогов CSS, которые вы указываете:

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

Он также обнаруживает, когда вы перемещаете, копируете или удаляете просмотренный LESS файл и предлагаете выполнить ту же операцию в соответствующих файлах CSS.

Плагин с открытым исходным кодом, поэтому вы можете просматривать и форкировать исходный код GitHub, если хотите.

Ответ 3

Использование файловых наблюдателей для компиляции LESS в IDEA 12:

Установите расширение Файловые наблюдатели из IDEA. Перейдите в раздел Настройки > Параметры IDE > Плагины.

Далее вам понадобится транскодер, который включен в пакет LESS для node.js

Установите node.js из http://nodejs.org/

В командной строке введите npm install -g less, чтобы установить пакет LESS.

Затем вы можете создать наблюдателя в разделе Настройки > Настройки проектa > Хранители файлов. Выберите шаблон LESS, и он автоматически найдет ваш транскодер.

Ответ 4

Я знаю, что этот вопрос относится к IntelliJ IDEA 11, но если вы нашли эту страницу, даже если вы ищете v12, там вариант лучше, чем плагин компилятора LESS (который был отличным плагином - за это многое спасибо, Энди!).

Это плагин под названием File Watchers, сделанный командой JetBrains. Он поставляется в комплекте с WebStorm 6 и PhpStorm 6, но вам нужно загрузить и установить для других IDE JetBrians. Шаги:

Настройки → Плагины → Обзор репозиториев (кнопка внизу) → поиск "наблюдателей файлов" → выберите "Наблюдатели файлов" → щелкните значок загрузки сверху → Закрыть → ОК

Дополнительная информация о блоге JetBrains.

Ответ 5

Вы можете установить File Watcher со следующими параметрами:

Название: LESS

Описание: Скомпилирует бездействующие файлы в файлы .css

Тип файла: МЕНЬШИЕ файлы

Область: файлы проекта

Программа: C:\Users\Owner\AppData\Роуминг\npm\lessc.cmd

Аргументы: --no-color $FileDir $\ $FileName $

Рабочий каталог: ваш рабочий каталог

Выходные пути для обновления: $FileDir $\ $FileNameWithoutExtension $.css