Atkļūdošana ar Less.js

Fakts, ka Mazāk.js ārstēt CSS kā sava veida programmēšanas valoda dod mums iespēju pieļaut sintakses kļūdas, kuras izmanto tikai CSS vienīgais, ko mēs iegūtu, ir tas, ka stils neiznāk pareizi, bet gan iekšā Mazāk mūs radītu tas, ka nebūtu redzams stils.
Tāpēc ir ļoti svarīgi, lai mums būtu rīki, kas ļautu saskatīt kļūdas izstrādes procesā, tāpēc mēs tērējam mazāk laika, atrodot lielos koda blokos, kas ir tas, kas neizdodas.
Dabas dēļ autors Less.js uz pārbaudēm vērsta attīstība vēl nav iespējama, tāpēc to dara atkļūdošana Daudzas reizes, ja ne vienmēr, tas ir jādara pārlūkprogrammā, kaut kas nav ļoti optimāls, taču tas ir risinājums, kas mums ir pa rokai.
1- Lai veiktu šo apmācību, mums būs nepieciešamas pamatzināšanas un priekšstati CSS, jo, lai gan tas ir vērsts uz Mazāk mums joprojām ir jāzina, kā tiek veidoti stili un kā tiek izmantotas vismaz pamatīpašības, lai, redzot iespējamās kļūdas, mums būtu atbilstoša atsauce.
2- Mums ir jābūt konfigurētai izmantošanai videi Mazāk, tas ir, mape, kurā projekts ir lejupielādēts un pieejams lietošanai.
3- Ja mēs izmantosim Google Chrome mums būs nepieciešams tīmekļa servera stils Apache tā kā šī drošības pārlūkprogramma bloķē vietējos Less pieprasījumus, ja mēs nevēlamies šo iestatījumu, mēs varam to izmantot Firefox.
4- Visbeidzot, mums ir vajadzīgs arī teksta redaktors, kur rakstīt piemērus, tas var būt Cildens teksts vai varbūt NotePad ++ abiem redaktoriem ir iespēja iekļaut spraudņus, lai varētu izcelt sintaksi JavaScript un no CSS. Turklāt ir svarīgi, lai mūsu sistēmā būtu atļaujas saglabāt šos failus izvēlētajā vietā.
Viena no pirmajām iespējām ir mūsu koda un sintakses kļūdu drukāšana tieši mūsu vidē ar bibliotēku mazāk.jsTas tiek panākts izstrādes vidē, palaižot mūsu bibliotēku tieši klientā, šajā gadījumā pārlūkprogrammā.
Tas ir ļoti svarīgi, jo, kad mēs tieši šādā veidā apkopojam, ja rodas kļūda mazāk nerada stilu, tādēļ, ja rodas kļūme, mēs redzēsim tikai savu struktūru HTML bet bez CSS. Lai veiktu šāda veida atkļūdošanu, mēs varam sekot norādījumiem šādā kodā:

 Atkļūdošana ar mazāk Js 

Pirmā lieta, ko mēs redzam, ir iekļaut pielāgotu failu ar nosaukumu stila kļūda.bez Šis fails ir tas, kurā būs savs kods, kuram mēs atkļūdosim, tad mums ir jādefinē mainīgais ar nosaukumu mazāk un piešķiriet tam elementu env ko mēs sauksim attīstību, tad mēs iekļaujam mūsu bibliotēku mazāk.js un ar šo mainīgo mēs darām mazāk ka, ja rodas kļūda, tā mums izmet ziņojumu, kuram cita starpā nevar apkopot kodu.
Mūsu arhīvā stila kļūda.bez mēs ievietojam šādu kļūdainu kodu:

 h1 {krāsa: sarkana; fonta izmērs: 3em;

Kā mēs pamanījām, ka beigās ir jāaizver atslēga, protams, analītiski šī kļūda izskatās nedaudz vienkārša un muļķīga, bet, kad mums ir simtiem rindu, ir ļoti droši, ka kādā brīdī mēs aizmirstam slēgt atslēgu. Dokumenta izpildes brīdī mēs redzēsim, kā Mazāk parāda mums kļūdu pārlūkprogrammā:

PALIELINĀT

Kā mēs redzam kompilatoru pārlūkprogrammā Mazāk Tas mums saka, ka ir kaut kas, ko tā neatpazīst un ka mēs, iespējams, esam kaut ko aizmirsuši, šajā gadījumā mēs zinām, ka tā bija atslēga, kuru mēs neaizvērām.
Šeit mums ir jāveic neliela pauze, mēs jau sākotnēji redzējām, kā mēs varam iegūt kļūdas MazākTomēr mēs vēl nezinām, ko nozīmē iespējamās kļūdas, tāpēc mēs definēsim vissvarīgākās, lai mums būtu pietiekams pamats zināt, ko meklēsim un kādus iespējamos risinājumus varam izmantot.
FileErrorŠī kļūda attiecas uz neveiksmīgu importēšanu no cita faila, ja to atceramies savos failos mazāk mēs varam izmantot instrukciju @importēt iekļaut citus failus, lai sakārtotu un paplašinātu mūsu funkcijas.
Sintakses kļūdaŠī kļūda rodas, ja mēs nepareizi uzrakstām paziņojumu vai ievietojam īpašumu nepareizā veidā, piemēram, deklarējot īpašumu ārpus bloka.
Nākamajā attēlā mēs redzam, kā izskatās šāda veida kļūda, mēs to panākam ar šādu kodu:

 krāsa: sarkana; h1 {font-size: 3em; }

Kur mēs varam skaidri redzēt, ka īpašums krāsa: sarkana nav pareizajā stāvoklī, redzēsim, kā tas izskatās, ja to palaižam pārlūkprogrammā:

PALIELINĀT

ParseErrorTā bija kļūda, kuru mēs detonējām sākotnējā piemērā, tā rodas, kad aizmirstam ievietot breketes vai semikolu, kur tie ir nepieciešami.
NameErrorŠī kļūda rodas, izsaucot mainīgo vai a sajauc kas nav definēts vai nav pieejams šī faila vidē Mazāk.
Vēl viena lieta, kas mums jāuzsver, ir tā Mazāk Tas tikai pārbauda, ​​vai sintakse un nosaukumi ir pareizi, taču tas netiks apstiprināts, ja mūsu saturs ir pareizs, piemēram, apskatīsim šādu kodu:

 h1 {krāsa: sarkana; fonta izmērs: 3em; platums: sarkans; }

Iepriekš minētais kods tiks apkopots bez problēmām, lai gan mēs skaidri redzam, ka īpašums platums Tam jābūt izmēram, nevis krāsai, ja mēs to izpildām savā pārlūkprogrammā, fails tiek izpildīts un darbojas:

PALIELINĀT

Tāpēc mums jābūt modriem, jo ​​šī metode nav pilnīgi nekļūdīga un ir kļūdas, kuras netiek atklātas.
Vēl viena no metodēm, ko mēs varam izmantot, lai izveidotu a atkļūdošana no mūsu koda ir pārlūkprogrammu izstrādātāju rīki, pašlaik galvenās pārlūkprogrammas, piemēram Chrome Y Firefox ir rīki, kas ļauj mums saprast, kā HTML un kā tā uzvedas, un tādā veidā mēs varam tos izmantot, lai redzētu savu kodu Mazāk.
Tas dod mums augstāku līmeni atkļūdošana, it īpaši, ja mēs nevaram izmantot mainīgo env ko redzējām iepriekšējā sadaļā, izmantojot šāda veida atkļūdošanu, iespējams, netiks konstatētas iepriekšējās kļūdas, bet mēs varam atklāt tādas problēmas kā stili, kas pārklājas vai kuriem ir nepareizas īpašības, kā redzējām iepriekšējā piemērā Mazāk neatklāja a platums: sarkans; piemēram.
Lai parādītu šo atkļūdošanas veidu, mēs savā failā izveidosim šādu stilu stila kļūda.bez:

 h1 {font-size: 3em; krāsa: tomāts; } galvene {h1 {font-size: 2em; }} # content-footer {span {font-family: Times, serif; }}

Tad mūsu failā HTML kur mēs saucam bibliotēkas, vajadzētu būt šādām:

 Atkļūdošana mazāk Js © 2015 Solvetic 

Nākamais solis ir palaist mūsu HTML pārlūkprogrammā, kur mums vajadzētu iegūt šādu informāciju:

Tagad, lai veiktu atbilstošu atkļūdošanu, mums vienkārši ar peles labo pogu noklikšķiniet uz jebkura nosaukuma un meklējiet opciju, kas mums saka pārbaudīt elementu, tādējādi tiks atcelta pārlūkprogrammas atkļūdošanas konsole.
Kad esam tur, mēs varam pārbaudīt savu otro titulu un mēs redzēsim kaut ko interesantu, ir īpašums, kas tiek izsvītrots, un tas ir tāpēc, ka, pārklājot to, šis elements tiek novērsts, ar to mēs parādām, kā mēs varam atrast problēmas un situācijas, kas var izvairīties sastādītājs Mazāk. Tālāk redzamajā attēlā redzēsim, kā šī darbība izskatās:

Pirmajiem soļiem Mazāk Izmantojot šos rīkus, mēs noteikti iegūsim optimālu izstrādes pieredzi, samazinot iespējamo kļūdu skaitu, jo, rakstot simtiem rindu, kaut kas var noiet greizi.
Ar to mēs beidzam šo apmācību, mēs esam redzējuši pāris atkļūdošanas iespējas Mazāk izmantojot resursus, kas mums jau ir, šādā veidā mums nav jālejupielādē citi rīki vai jāmeklē ārēja trešās puses dokumentācija. Protams, ir arī citi rīki un papildinājumi, kas palīdz mums izpildīt šāda veida prasības, tomēr jums ir jāizpēta nedaudz vairāk, un mācīšanās līkne būs lielāka, lai sasniegtu to pašu mērķi.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu