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

Question

как я могу скомпилировать .css из .less в intellij? Конечно, это должно быть очень легко, но это меня озадачило. Кто-нибудь знает, как это сделать?

Answer 1

Чтобы использовать File Watchers для компиляции LESS в IDEA 12:

Установить File Watchers расширение изнутри IDEA. Перейдите в Настройки> Настройки IDE> Плагины .

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

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

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

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

Answer 2

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

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

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

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

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

Answer 3

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

Answer 4

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

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

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

Подробнее о Блог JetBrains .

Answer 5

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

Имя: МЕНЬШЕ

Описание: компилирует файлы .less в файлы .css

Тип файла: LESS файлы

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

Программа: C: \ Users \ Владелец \ AppData \ Roaming \ npm \ lessc.cmd

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

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

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