Darbo su Gruntu pradžia

Šiuo metu, kai kalbame apie žiniatinklio kūrimą, yra veiksnių, verčiančių mus priklausyti nuo daugybės užduočių, kurias privalome atlikti sukūrę kodą, ir dar daugiau, jei naudojame „JavaScript“ , nes mums reikia įvairių įrankių, kad mūsų taikymas būtų kuo geresnis.
Kadangi viskas, kas priklauso nuo žmogaus, ne visada būna tobula ir susideda iš klaidų, mes visada ieškome būdo, kaip sukurti kuo švaresnius procesus ir juos automatizuoti, nes mažiau tikėtina, kad padarysime klaidų. vieną kartą atkreipiame dėmesį į kažką, o paskui paliekame jo postą mašinai.

DIDELIS

Čia jis ateina Gruntas, kas yra ne kas kita, kaip tų automatizavimo paieškų ir klaidų bei darbo sutaupymo mažinimo rezultatas. Sukurtas 2012 m., Iki šiol populiarėja ir yra beveik esminis bet kurios aplinkos, kurioje yra „JavaScript“ kaip kūrimo kalba, elementas.
Kas yra Gruntas?Tai komandų eilutės arba konsolės įrankis „JavaScript“ kuris yra atsakingas už pasikartojančių ir daug laiko užimančių užduočių vykdymą, pavyzdžiui, jei reikia suspausti ir suspausti kodą „JavaScript“, kiekvieną kartą, kai keičiame failą, turime atlikti šias dvi užduotis Gruntas tai yra automatiškai, kiekvieną kartą keičiant failus Gruntas yra atsakingas už tų užduočių vykdymą.
Dėl tokio funkcionalumo Gruntas susirado puikų priėmimą vystymosi pasaulyje, ypač tų, kurie grindžia savo vystymąsi „JavaScript“ su tokia aplinka Node.js o „CoffeeScript“, sukūrusi didelę bendruomenę, turinčią daugiau nei 2000 papildinių „npm“ saugyklose, veikiančiose su Gruntas.
Šiandien žiniatinklio programos auga ne tik dydžiu, bet ir sudėtingumu, todėl mes turime sukurti daugybę kodų ir sukurti įrankius, kurie viršija žmogiškąją ribą išsamiai peržiūrai, todėl atsiranda testų kūrimas arba TDD, ir taip pat yra papildomų užduočių, nesusijusių su kodu, leidžiančiu optimizuoti mūsų programą.
Gruntas padeda mums įgyvendinti antrąją metodo dalį, leidžia sutrumpinti laiką, kurį turime investuoti į užduočių vykdymą, ir taip padeda laikytis principo SAUSAS, nesikartosime. Štai kodėl mes turime naudoti Gruntas sutaupyti laiko ir sumažinti klaidų tikimybę.
Mes jau žinome, kas tai yra ir kodėl turėtume jį naudoti, tačiau dar yra apie ką kalbėti Gruntas, kur vienas iš svarbiausių dalykų yra žinoti, kokią naudą jis mums duoda - nuo didesnio mūsų taikymo nuoseklumo iki kreipimosi į kūrėjų bendruomenę, tada pažiūrėkime naudą šiek tiek išsamiau.
EfektyvumasKartais manome, kad atlikdami darbus rankiniu būdu sutaupome laiko, kurį turime ištirti ir įdiegti kai kurias priemones, tačiau paaiškėja, kad sukauptas laikas per savaitę ar mėnesį tampa pernelyg ilgas, todėl galime prarasti iki 4 ar 5 valandų. Gruntas tai sumažinama, nes tiesiog automatizavus užduotį, dienos pabaigoje mes atleidžiame tas egzekucijas iš savo rankų.
NuoseklumasKaip minėjome pradžioje, žmogus yra linkęs į klaidas, todėl automatizuodami galime jų sumažinti, Gruntas Tai suteikia mums galimybę viską atlikti tiksliai taip, kaip patikrinome, ar jame nėra klaidų, taip išimdami žmogiškąjį faktorių iš lygties ir optimizuodami savo užduotis.
EfektyvumasSukurdami automatizuotų užduočių rinkinį, mes galime priversti savo mintis spręsti problemas, kurioms iš tikrųjų reikia mūsų dėmesio, ir atlikdami mažiau užduočių būsime mažiau pavargę, todėl būsime efektyvesni.
BendruomenėJei yra kažkas, ko, mūsų manymu, reikia mūsų automatizuotai aplinkai, jis tikrai egzistuoja, ir tai yra dėl didelių Gruntas Sukurta stipri papildinių bendruomenė, kurią galime laisvai ir nemokamai naudoti daug kartų, taip sutaupydami daug daugiau darbo.
Kai žinome teorines sąvokas, privalumus, priežastis, dėl kurių jis naudojamas, ir kitus įdomius aspektus GruntasAtėjo laikas praktiškai įgyvendinti viską, ką išmokome, todėl pradėkime nuo to, kad įdiegėme šį puikų įrankį savo aplinkoje.
Gruntas Jis yra kelių platformų, todėl galime jį naudoti „Windows“, „Mac“ ir „Linux“, dėl praktinių priežasčių šios pamokos metu pamatysime diegimą aplinkoje „Windows“Tačiau įvykdžius pradinį reikalavimą, procesas kitose sistemose nėra labai skirtingas.
Node.js ir jo paketų bei modulių tvarkyklė npm yra pagrindinis reikalavimas prieš diegiant Gruntas, šiuo metu abu įrankiai yra toje pačioje instaliacijoje, todėl turime tik įdiegti Node.js Mūsų sistemoje šis procesas yra labai paprastas ir buvo paaiškintas kituose vadovėliuose, tačiau tiesiog apsilankykite oficialioje projekto nodejs.org svetainėje ir sužinokite, kaip įdiegti mūsų operacinei sistemai.

DIDELIS

Kai atsisiųsime ir turėsime Node.js veikia mūsų sistemoje, esame pasiruošę kitam žingsniui.
Įdiegimas Gruntas tai labai paprasta, mes įsigysime įrankį Grunt CLI, tai yra komandų eilutės sąsaja, kuri leis mums naudoti konsolę kaip būdą nurodyti Gruntas užduotis, kurias reikia atlikti. Tam mes ketiname naudoti npm ir jos saugyklos, kurios visada atnaujinamos į naujausią stabilią projekto versiją.
Norėdami tai padaryti, mes tiesiog turime vykdyti šią komandų konsolės instrukciją:

 npm įdiegti -g grunt -cli

Atlikus šį veiksmą, įrankis mums jau bus įdiegtas, kaip matome šioje konsolės ekrano kopijoje.

Kaip matėme, diegimas buvo labai paprastas ir vos per kelias sekundes mūsų sistema paruošta naudoti Gruntas. Dabar turime eiti į aplanką, kuriame yra projektas, su kuriuo norime susieti Gruntas ir vykdome šią instrukciją:

 npm įdiegti grunt

Tai leis mums įtraukti Gruntas mūsų projekte ir taip pradėkime jį naudoti, pažiūrėkime, ką konsolė mums sako, kai tai darome:

Kitas mūsų žingsnis dabar yra failų generavimas package.json Y Gruntfile.js, abu yra gyvybiškai svarbūs mūsų programai, kad galėtume patenkinti visas reikalingas priklausomybes ir taip pat nurodyti Gruntas ką daryti efektyviai. Šie failai yra svarbiausi, nes jie yra tam tikra sistema, pagal kurią npm Y Gruntas jie bus palaikomi, jei jų nebus mūsų projekte, turėsime problemų naudojant įrankį.
Norėdami sukurti turinį package.json Mums pakanka naudoti komandą, kuri suteiks mums pradinę konfigūraciją, todėl pirmiausia turime sukurti tuščią failą pavadinimu package.json, labai svarbu, kad jame būtų du skliausteliai {}, kad jis būtų aiškinamas kaip JSONAS, tada konsolėje tame pačiame mūsų projekto kataloge turime atlikti šiuos veiksmus:

 npm install --save grunt grunt-contrib-uglify

Tai komandų pulte duos mums tokį pranešimą:

Galiausiai, jei matome savo failą package.json Pamatysime, kad jis buvo atnaujintas tokiu turiniu:

Dabar turime sukurti failą Gruntfile.js, tai kas pasakys Gruntas viskas, kas turi būti vykdoma mūsų aplinkoje, todėl tai yra gyvybiškai svarbi dalis, pagrindinė šio failo struktūra yra tokia:

 module.exports = function (grunt) {// čia yra mūsų užduočių turinys};

Po komentaro galima pasakyti, kad galime sudėti skirtingas suplanuotas užduotis, kurias atliksime vykdydami komandą niurzgėti visos instrukcijos, kurias įdėjome į šį failą, vykdomos mūsų konsolėje.
Kadangi jau matėme pakankamai turinio, automatinių užduočių kūrimą paliksime kitam kartui, svarbu tai, kad supratome, kad tai yra Gruntas, kokie reikalavimai mums reikalingi, kad ją įdiegtume, ir viskas, ką ji mums siūlo.
Tuo baigiame šią pamoką. Jei norime šiek tiek gilintis, galime pereiti prie oficialios įrankio dokumentacijos, kuri yra anglų kalba, ir taip patobulinti žinias, kurias vėliau galėsime pritaikyti praktikoje.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką