Less watcher для phpstorm

2017-02-14 09:02:48 Блог

Компиляция less на лету. Заметка о том как настроить в phpstorm.

Установим nodejs и npm

Добавим less:

sudo npm install -g less

Далее идём в настройки phpstorm (File -> settings или ctrl + alt + s). После Tools -> File watchers

Нажимаем на плюсик и добавляем less. И заходим в настройки watcher.

Настройки less watcher в phpstorm

Устанавливаем watcher, я добавил после изменений (Changed Files).

Указываем путь к "программе" для компиляции из less в css, у меня Linux Ubuntu 16.04 по этому путь такой: /usr/local/lib/node_modules/less/bin/lessc. У себя вы можете найти вручную или через поиск.

Так же я заполнил переменные: path=/usr/sbin:/usr/bin:/sbin:/bin

но у меня была всё равно ошибка при компиляции: /usr/bin/env: node: No such file or directory

Решается как и в посте об установке nodejs и npm, созданием симлинка:

sudo ln -s /usr/bin/nodejs /usr/bin/node

Плюс я указал путь, куда ложить скомпилированный css файл: ../css/$FileNameWithoutExtension$.css

После этого при изменениях в less будет компилироваться css файл с таким же именем.