Отклањање грешака помоћу Лесс.јс

Чињеница да Лесс.јс третирати ЦСС као својеврсни програмски језик даје нам могућност извршавања синтаксних грешака, које само ЦСС једино што бисмо добили је да стил не би изашао како треба, већ унутра Мање оно што би нас генерисало је да се не види никакав стил.
Зато је веома важно имати алате који нам омогућавају да уочимо грешке у процесу развоја, па губимо мање времена на лоцирање унутар великих блокова кода, што је оно што не успева.
Због природе би Лесс.јс развој оријентисан ка тестирању још није могућ, зато се ради отклањање грешака Много пута, ако не увек, то мора да се уради у прегледачу, нешто што није баш оптимално, али је решење које нам је при руци.
1- За извођење овог водича потребно нам је основно знање и појмови ЦСС, пошто иако је фокусиран на Мање још морамо знати како се стилови граде и како се користе барем основна својства како бисмо могли имати одговарајућу референцу када видимо могуће грешке.
2- Морамо имати окружење конфигурисано за коришћење Мање, односно фолдер са пројектом који је преузет и доступан за употребу.
3- Ако користимо Гоогле Цхроме требаће нам стил веб сервера Апацхе пошто овај претраживач за безбедност блокира локалне захтеве Лесс -а, ако не желимо ово подешавање можемо да користимо Фирефок.
4- Коначно нам је потребан и уређивач текста где можемо да напишемо примере Узвишени текст или можда НотеПад ++ оба уредника имају могућност да укључе додатке како би могли да истакну синтаксу ЈаваСцрипт и од ЦСС. Осим тога, важно је да у нашем систему имамо дозволе за чување ових датотека на изабраној локацији.
Једна од првих опција коју имамо је штампање кода и грешака у синтакси директно у нашем окружењу са библиотеком лесс.јсТо се постиже у развојном окружењу покретањем наше библиотеке директно на клијенту, у овом случају у прегледачу.
Ово је веома важно, будући да на овај начин компајлирамо директно када дође до грешке мање не генерише никакав стил, па ћемо у случају грешке видети само нашу структуру ХТМЛ али без ЦСС. Да бисмо извршили ову врсту отклањања грешака, можемо следити водич у следећем коду:

 Отклањање грешака са Лесс Јс 

Прво што видимо је да укључујемо прилагођену датотеку под називом стиле-еррор.лесс Ова датотека ће садржати сопствени код у који ћемо отклањати грешке, тада морамо дефинисати променљиву тзв мање и доделите му елемент енв које ћемо назвати развој, онда укључујемо и нашу библиотеку лесс.јс и са овом променљивом оно што ми радимо је да кажемо мање да када дође до грешке, она нам шаље поруку за коју између осталог не може да састави код.
У нашој архиви стиле-еррор.лесс поставићемо следећи погрешан код:

 х1 {боја: црвена; фонт-сизе: 3ем;

Као што смо приметили да морамо да затворимо кључ на крају, наравно аналитички ова грешка изгледа помало једноставно и глупо, али када имамо стотине редова врло је сигурно да ћемо у једном тренутку заборавити да затворимо кључ. У тренутку извршења нашег документа видећемо како Мање нам шаље грешку у прегледачу:

ЕНЛАРГЕ

Као што видимо компајлер у прегледачу Мање Говори нам да постоји нешто што не препознаје и да смо вероватно нешто заборавили, у овом случају знамо да је то био кључ који нисмо затворили.
Овде морамо направити малу паузу, већ смо у почетку видели како можемо да добијемо грешке у МањеМеђутим, још не знамо шта значе грешке које можемо добити, зато ћемо дефинисати најважније како бисмо имали довољно основа да знамо шта ћемо тражити и која могућа решења можемо применити.
ФилеЕррорОва грешка се односи на неуспели увоз из друге датотеке, ако се сећамо у нашим датотекама мање можемо користити упутство @увоз да укључимо друге датотеке за организовање и проширење наших функционалности.
Синтаксна грешкаОва грешка се јавља када погрешно напишемо изјаву или ставимо својство на погрешан начин, на пример приликом декларисања својства изван блока.
На следећој слици видимо како изгледа грешка ове врсте, постижемо је следећим кодом:

 боја црвена; х1 {фонт-сизе: 3ем; }

Где можемо јасно видети да је власништво боја црвена није на свом месту, хајде да видимо како то изгледа ако га покренемо у прегледачу:

ЕНЛАРГЕ

ПарсеЕррорТо је грешка коју смо детонирали у почетном примеру, то се дешава када заборавимо да поставимо заграде или тачку и зарез где су потребне.
НамеЕррорОва грешка се дешава када позовемо променљиву или а микин који није дефинисан или није доступан у окружењу те датотеке Мање.
Још једна ствар коју морамо истаћи је то Мање Он само проверава да ли су синтакса и називи тачни, међутим неће се потврдити ако је наш садржај тачан, на пример да видимо следећи код:

 х1 {боја: црвена; фонт-сизе: 3ем; ширина: црвена; }

Горњи код ће се саставити без икаквих проблема, иако јасно видимо да је то својство ширина Мора имати меру величине, а не боју, ако исту извршимо у прегледачу, датотека се извршава и ради:

ЕНЛАРГЕ

Зато морамо бити на опрезу јер ова техника није потпуно непогрешива и постоје грешке које се не откривају.
Још једна од техника коју можемо користити за прављење а отклањање грешака нашег кода су алати за развој претраживача, тренутно главни прегледачи, као што су Хром И Фирефок имају алате који нам омогућавају да разумемо како ХТМЛ и како се понаша и на овај начин их можемо користити за преглед нашег кода Мање.
То нам даје виши ниво отклањање грешака, посебно када не можемо да користимо променљиву енв које смо видели у претходном одељку, са овом врстом отклањања грешака можда нећемо открити претходне грешке, али можемо открити проблеме попут стилова који се преклапају или имају погрешна својства као што смо видели у претходном примеру где Мање није открио а ширина: црвена; на пример.
Да бисмо демонстрирали овај начин отклањања грешака, изградићемо следећи стил унутар наше датотеке стиле-еррор.лесс:

 х1 {фонт-сизе: 3ем; боја: парадајз; } заглавље {х1 {фонт-сизе: 2ем; }} # цонтент-фоотер {спан {фонт-фамили: Тимес, сериф; }}

Затим у нашој датотеци ХТМЛ где називамо библиотеке требало би да буде следеће:

 Отклањање грешака Мање Јс © 2015 Солветиц 

Следећи корак је покретање нашег ХТМЛ у прегледачу, где бисмо требали добити следеће:

Сада да бисмо извршили одговарајуће отклањање грешака, само морамо да кликнемо десним тастером миша на било који наслов и потражимо опцију која нам говори прегледати елемент, овим ће се подићи конзола за отклањање грешака у прегледачу.
Кад тамо стигнемо прегледати свој други наслов и видјет ћемо нешто занимљиво, постоји својство које се прецртава и то је зато што када се преклапање елиминира за тај елемент, овим показујемо како можемо лоцирати проблеме и ситуације које избјегну састављач Мање. Погледајмо онда на следећој слици како изгледа ова акција:

За прве кораке у Мање Помоћу ових алата сигурно ћемо стећи оптимално искуство у развоју, смањујући количину грешака пропустима које можемо имати, јер када морамо написати стотине редова, нешто може кренути наопако.
Овим завршавамо овај водич, видели смо неколико опција за отклањање грешака за Мање користећи ресурсе које већ имамо, на овај начин не морамо да преузимамо друге алате или тражимо спољну документацију трећих страна. Наравно, постоје и други алати и допуне који нам помажу да испунимо ове врсте захтева, међутим морате још мало истражити и крива учења ће бити већа да бисте постигли исти циљ.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен