NetBeans. Как настроить автокомпиляцию less при сохранении?

Главная  >>  Frontend  >>  css  >>  NetBeans. Как настроить автокомпиляцию less при сохранении?

NetBeans радует множеством полезных фич, среди которых, в том числе, автоматическая компиляция less и sass при сохранении файлов соответствующих форматов.

О том, как установить less я писал ранее, а сегодня покажу, как заставить NetBeans автоматически компилировать исходники в файлы css.

Итак, предположим у нас есть проект.

Идем в его свойства и в левой части окна выбираем «Препроцессоры CSS», а в основной части окна закладку LESS.
Перед нами откроется примерно такое окно:

Для начала ставим чекбокс вверху, проверяем таблицу с адресами папок, за которыми будет вестись наблюдение. В левой части папки, где NetBeans будет мониторить less-файлы, а в правой части — путь, куда будут ложиться готовые css.

После этого нажимаем на кнопку, которая подсвечена на снимке и получаем окно настроек IDE.

Здесь в нижней части (в которой, собственно, и идет речь о less) нужно указать путь к установленному less. При типичной установке Вам поможет кнопка «Поиск», которая определит наличие препроцессора в системе и укажет путь к нему.

Нажимаем ОК в настройках IDE, сохраняем свойства проекта и видим, как после сохранения less-файла в окне «Вывод» весело побежали сообщения о сохранении.

NetBeans в который раз облегчил нам жизнь!