Darba sākšana ar Grunt

Pašlaik, runājot par tīmekļa izstrādi, ir faktori, kas liek mums būt atkarīgiem no daudziem uzdevumiem, kas mums jāizpilda pēc koda izveides, un vēl daudz vairāk, ja izmantojam JavaScript , jo mums ir nepieciešami dažādi rīki, lai padarītu mūsu lietojumprogrammu pēc iespējas optimālāku.
Tā kā viss, kas ir atkarīgs no cilvēka, ne vienmēr ir ideāls un sastāv no kļūdām, mēs vienmēr meklējam veidu, kā veidot procesus pēc iespējas tīrākus un tos automatizēt, jo, visticamāk, netiks pieļautas kļūdas. vienreiz pievēršam uzmanību kaut kam, un tad mēs atstājam tās ziņojumu mašīnai.

PALIELINĀT

Šeit tas ienāk Grunt, kas ir nekas vairāk kā šo automatizācijas meklējumu un kļūdu un darbaspēka ietaupījumu samazināšanas rezultāts. Tā tika izveidota 2012. gadā, un tā popularitāte arvien pieaug līdz mūsdienām. Tā ir gandrīz būtisks elements jebkurā vidē, kurā kā JavaScript valoda ir izstrādes valoda.
Kas ir Grunt?Tas ir komandrindas vai konsoles rīks JavaScript kas ir atbildīgs par tādu uzdevumu izpildi, kas atkārtojas un aizņem daudz laika, piemēram, ja mums ir jāsamazina un jāsaspiež kods JavaScript, katru reizi, kad mainām failu, mums ir jāizpilda šie divi uzdevumi ar Grunt tas notiek automātiski, katru reizi, kad mainām failus Grunt ir atbildīgs par šo uzdevumu izpildi.
Pateicoties šāda veida funkcionalitātei Grunt ir atradis lielisku uzņemšanu attīstības pasaulē, īpaši tiem, kas savu attīstību pamato JavaScript ar tādu vidi kā Node.js o CoffeeScript, kas ir radījis lielu kopienu ar vairāk nekā 2000 spraudņiem npm krātuvēs, kas strādā ar Grunt.
Mūsdienās tīmekļa lietojumprogrammas pieaug ne tikai pēc izmēra, bet arī pēc sarežģītības, kas liek mums izstrādāt koda daudzumu un veidot rīkus, kas pārsniedz cilvēku robežas pilnīgai pārskatīšanai, tāpēc rodas uz testiem balstīta izstrāde vai TDD, un tāpat ir arī papildu uzdevumi, kas nav saistīti ar kodu, kas ļauj optimizēt mūsu lietojumprogrammu.
Grunt palīdz mums ar pieejas otro daļu, ļauj samazināt laiku, kas mums jāiegulda uzdevumu izpildē, un tādējādi palīdz mums ievērot principu SAUSS, lai neatkārtotos. Tāpēc mums ir jāizmanto Grunt lai ietaupītu laiku un samazinātu mūsu kļūdu iespējamību.
Mēs jau zinām, kas tas ir un kāpēc mums tas būtu jāizmanto, taču vēl ir par ko runāt Grunt, kur viena no vissvarīgākajām lietām ir zināt, kādas priekšrocības tas mums sniedz, sākot no lielākas konsekvences mūsu lietojumprogrammā un beidzot ar pieeju izstrādātāju kopienai, tad apskatīsim ieguvumus nedaudz sīkāk.
EfektivitāteDažreiz mēs domājam, ka, veicot lietas manuāli, mēs ietaupām laiku, kad mums ir jāizpēta un jāievieš daži rīki, taču izrādās, ka uzkrātais laiks nedēļā vai mēnesī kļūst pārmērīgs, un mēs varam zaudēt līdz pat 4 vai 5 stundām. Grunt tas tiek samazināts, jo vienkārši, kad esam automatizējuši uzdevumu, dienas beigās mēs atbrīvojam šīs izpildes no savām rokām.
KonsekvenceKā jau minējām sākumā, cilvēks ir pakļauts kļūdām, un tāpēc, automatizējoties, mēs varam tās samazināt, Grunt Tas dod mums iespēju izpildīt visu tieši tā, kā esam pārliecinājušies, ka tajā nav kļūdu, tādējādi izslēdzot cilvēcisko faktoru no vienādojuma un optimizējot savus uzdevumus.
EfektivitāteVeidojot automatizētu uzdevumu kopumu, mēs varam likt prātam tikt galā ar problēmām, kurām patiešām jāpievērš mūsu uzmanība, un, izpildot mazāk uzdevumu, mēs būsim mazāk noguruši, tāpēc būsim efektīvāki.
KopienaJa kaut kas, mūsuprāt, ir vajadzīgs mūsu automatizētajai videi, tas noteikti pastāv, un tas ir pateicoties lielajām priekšrocībām Grunt Ir izveidota spēcīga spraudņu kopiena, kuru mēs varam brīvi un bez maksas izmantot daudzas reizes, tādējādi ietaupot mums daudz vairāk darba.
Kad mēs esam iepazinuši teorētiskos jēdzienus, to izmantošanas priekšrocības, iemeslus un citus interesantus aspektus GruntIr pienācis laiks praktiski īstenot visu, ko esam iemācījušies, tāpēc sāksim ar šī lieliskā rīka instalēšanu savā vidē.
Grunt Tā ir starpplatformu, tāpēc mēs varam to izmantot operētājsistēmās Windows, Mac un Linux, praktisku iemeslu dēļ šīs apmācības laikā mēs redzēsim instalēšanu vidē WindowsTomēr process nav ļoti atšķirīgs citās sistēmās, tiklīdz ir izpildīta sākotnējā prasība.
Node.js un tā pakotņu un moduļu pārvaldnieks npm ir galvenā prasība pirms instalēšanas Grunt, pašlaik abi rīki ir vienā instalācijā, tāpēc mums tikai jāinstalē Node.js Mūsu sistēmā šis process ir ļoti vienkāršs un ir izskaidrots citās apmācībās, tomēr vienkārši apmeklējiet projekta nodejs.org oficiālo vietni, lai uzzinātu, kā instalēt mūsu operētājsistēmu.

PALIELINĀT

Kad mēs esam lejupielādējuši un ir Node.js darbojas mūsu sistēmā, mēs esam gatavi nākamajam solim.
Uzstādīšana Grunt tas ir ļoti vienkārši, mēs iegūsim rīku Grunt CLI, tas ir, komandrindas interfeiss, kas ļaus mums izmantot konsoli kā mūsu norādes veidu Grunt veicamie uzdevumi. Šim nolūkam mēs izmantosim npm un tās krātuves, kas vienmēr tiek atjauninātas uz jaunāko stabilo projekta versiju.
Lai to izdarītu, mūsu komandu konsolē vienkārši jāizpilda šāda instrukcija:

 npm instalēt -g grunt -cli

Šī darbība atstās mums rīku, kas jau ir instalēts, kā mēs redzam nākamajā mūsu konsoles ekrānuzņēmumā.

Kā mēs redzējām, instalēšana bija ļoti vienkārša, un tikai dažas sekundes tā atstāj mūsu sistēmu gatavu lietošanai Grunt. Tagad mums jādodas uz mapi, kurā atrodas projekts, ar kuru vēlamies izveidot saiti Grunt un mēs izpildām šādu instrukciju:

 npm instalēt grunt

Tas ļaus mums iekļauties Grunt mūsu projektā un tādējādi sāksim to izmantot, redzēsim, ko konsole mums saka, kad to darām:

Mūsu nākamais solis tagad ir failu ģenerēšana package.json Y Gruntfile.js, abi ir ļoti svarīgi mūsu pieteikumam, lai mēs varētu apmierināt visas nepieciešamās atkarības, kā arī norādīt Grunt ko darīt efektīvi. Šie faili ir galvenie, jo tie ir sava veida ietvars, uz kura npm Y Grunt tie tiks atbalstīti, ja to nebūs mūsu projektā, mums būs problēmas ar rīka izmantošanu.
Lai radītu saturu package.json Mums pietiek ar komandu, kas mums sniegs sākotnējo konfigurāciju, vispirms mums jāizveido tukšs fails ar nosaukumu package.json, ir ļoti svarīgi, lai tajā būtu divas iekavas {}, lai tas tiktu interpretēts kā JSON, tad mūsu konsolē mums tajā pašā projekta direktorijā jāizpilda sekojošais:

 npm instalēt-ietaupīt grunt grunt-contrib-uglify

Kas komandu konsolē sniegs mums šādu ziņojumu:

Visbeidzot, ja mēs redzam mūsu failu package.json Mēs redzēsim, ka tas tika atjaunināts ar šādu saturu:

Tagad mums ir jāizveido fails Gruntfile.js, tas ir tas, kurš to pateiks Grunt viss, kas jāizpilda mūsu vidē, tāpēc tā ir būtiska sastāvdaļa, šī faila bāzes struktūra ir šāda:

 module.exports = function (grunt) {// šeit ir mūsu uzdevumu saturs};

Pēc komentāra ir tas, ka mēs varam ievietot dažādus plānotos uzdevumus, kas tiks veikti, izpildot komandu kurnēt visas šajā failā ievietotās instrukcijas tiek izpildītas mūsu konsolē.
Tā kā mēs jau esam redzējuši pietiekami daudz satura, mēs atstāsim automatizētu uzdevumu izveidi citai reizei, svarīgi ir tas, ka mēs esam sapratuši, ka tas ir Grunt, kādas ir prasības, lai to instalētu, un viss, ko tas mums piedāvā.
Ar to mēs noslēdzam šo pamācību. Ja mēs vēlamies iedziļināties mazliet dziļāk, mēs varam iedziļināties oficiālajā rīka dokumentācijā, kas ir angļu valodā, un tādējādi iegūt zināmas zināšanas, kuras vēlāk varēsim izmantot praksē.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