Компиляция LESS в PhpStorm



Чтобы ускорить веб-разработку, оптимизировать скорость загрузки сайта лучше подключать минимифицированный CSS, нежели JS компилятор и файл LESS. Можно использовать вотчер gulp, создать таск с компиляцией и минимилизацией скомпилированного CSS, но гораздо удобнее пользоваться вотчером в PhpStorm. Итак, чтобы настроить автоматическую компиляцию LESS в  PhpStorm нужно произвести несколько действий:

1. Скачать и установить Node.js
2. Открыть командную строку, написать  npm install -g less дождаться завершения установки LESS модуля.
3. В PHPStorm  открыть окно настроек : File > Settings (CTRL+ALT+S)
4. Найти пункт File Watchers (или впишите в строку поиска в окне настроек).

TeamViewer_2016-05-05_16-25-22

5. Теперь нужно добавить наш вотчер, для этого нажимаем на зелёный крестик (справа вверху) и выбираем Less.

phpStorm setting
Заполняем в соответствии с картинкой.
В поле Program прописываем путь до node.exe, там где устанавливали из первого шага.
В Arguments путь до исполняемого модуля LESS, который установился во втором шаге =>
C:Users{Пользователь}AppDataRoaming pm ode_moduleslessinlessc $FileName$

Нажимаем Ok, теперь при каждом изменении файла .less будет автоматически компиляция в .css. Готовые файлы расположатся в той же директории.



Оставить заявку
Имя
Email
Телефон
Опишите суть
Написать сообщение
Имя
Email
Сообщение