Работа с LESS в PhpStorm, Алексей Пензенцев
В тази публикация ще говоря накратко за плъгина“LESS CSS compiler” заPhpStorm, който използвам за работа с LESS в тази страхотна IDE от JetBrains. Защо е необходимо, какви са предимствата, какъв недостатък открих и как мога да се справя с него, е описано по-долу.
Както вече писах в една от предишните публикации, избрах безплатната версия на CSS framework от PixelKit като основа за дизайна на моя блог. Рамката се предлага в две версии: като набор от CSS стилове и като *.less файлове. Започнах, разбира се, с CSS. И много скоро се замислих за оптимизация - беше болезнено закръглен style.css за мен. Тогава си спомних LESS-версията на рамката ... Тя беше изтеглена, преместена на правилното място и възникна въпросът "как да компилирам всичко това?".
Имахме нужда от решение, което може да компилира *.less файлове в движение, веднага след промяната им. Без да мисля два пъти, прегледах хранилището на плъгини PhpStorm. За щастие имаше няколко приставки, които обещаваха точно това, от което имах нужда. Реших да опитам един от тях. Беше "ПО-МАЛКО CSS компилатор ".
След инсталиране плъгинът добавя своето меню с настройки към стандартните настройки на средата. Елементът се нарича „ПО-МАЛКО профили “. Както подсказва името, тук се конфигурират профили за LESS компилация.
ПО-МАЛКО предварително зададени плъгини за CSS компилатор
Има две полезни настройки, които ви позволяват да бъдете по-гъвкави при подреждането на *.less файлове. Можете да кажете на плъгина какви други файлове да включи в проекта (като посочите пътя до тях, разделени със запетаи). Но по-важното е, че има настройка, която казва кои файлове не трябва да се компилират. Защо е нужна тя? Факт е, че като правило стиловете се компилират от няколко файла *.less в един окончателен. Ако не, изключете всички файлове с изключение накапитал, тогава след няколко редакции до всеки *.less файл ще се появи *.css файл, компилиран за него със същото име. Но ако всички основни *.less-файлове, с изключение на заглавката, са спретнато съхранени в отделна папка, тя може да бъде добавена към изключенията и тогава само един изходен файл ще бъде изведен по време на компилация.
Като цяло плъгинът е доста удобен, има прости и разбираеми настройки, компилира се доста бързо ... Но има един неприятен недостатък: не разбира пътищата на папките, съдържащи интервали. Този недостатък може лесно да бъде заобиколен, като се създаде символна връзка към желаната директория със същото име, но без интервали, и се подаде към плъгина. За него всичко ще изглежда наред, докато той ще работи с файловете, разположени там, където имате нужда.
Първата стъпка е дадобавите нов профил и да му дадете име.
След товапосочете пътя до папката, където се намират файловете *.less. Плъгинът ще преглежда и поддиректории.
В колоната “CSS Output Directory” трябва дапосочите, къде ще се намиракомпилираният CSS файл.
Също така можете да поставите отметки в квадратчетата до „Автоматично компилиране при запис“ и „Компресиране на изходен CSS файл“. Да, приставката прави всичко.
Има две полезни настройки, които ви позволяват да бъдете по-гъвкави при подреждането на *.less файлове. Можете да кажете на плъгина какви други файлове да включи в проекта (като зададете пътя до тях, разделени със запетаи). Но по-важното е, че има настройка, която казва кои файлове не трябва да се компилират. Защо е нужна тя? Факт е, че като правило стиловете се компилират от няколко файла *.less в един окончателен. Ако не изключите всички файлове с изключение на заглавката, след няколко редакции до всеки *.less файл ще се появи *.css файл, компилиран за него ссъс същото име. Но ако всички основни *.less файлове, с изключение на заглавката, са спретнато съхранени в отделна папка, тя може да бъде добавена към изключенията и тогава по време на компилацията ще бъде получен само един изходен файл.
Като цяло плъгинът е доста удобен, има прости и разбираеми настройки, компилира доста бързо... Но има един неприятен недостатък:Компилаторът LESS CSSне разбира пътищата на папките, съдържащи интервали.
Този недостатък може лесно да бъде заобиколен, като се създаде символна връзка към желаната директория със същото име, но без интервали, и се подаде към плъгина. За него всичко ще изглежда наред, докато той ще работи с файловете, разположени там, където имате нужда.