Kom godt i gang med Grunt

I øjeblikket når vi taler om webudvikling, er der faktorer, der tvinger os til at afhænge af et stort antal opgaver, som vi skal udføre, når vi har lavet koden, og meget mere, hvis vi bruger JavaScript , da der er forskellige værktøjer, som vi har brug for for at gøre vores applikation så optimal som muligt.
Da alt, der afhænger af mennesket, ikke altid er perfekt og består af fejl, leder vi altid efter en måde at opbygge processer så rene som muligt og automatisere dem, da fejl er mindre tilbøjelige til at blive begået, hvis vi lægger alle vores opmærksomhed på noget en gang, og så lader vi dets post køre til en maskine.

FORSTØRRE

Det er her det kommer ind Grynte, som ikke er mere end resultatet af den søgning efter automatisering og reduktion af fejl og besparelser i arbejdskraft. Oprettet i 2012, har det vokset i popularitet, indtil det i dag er et næsten vigtigt element i ethvert miljø, der indeholder JavaScript som et udviklingssprog.
Hvad er Grunt?Det er et værktøj til kommandolinjen eller konsollen JavaScript der er ansvarlig for at udføre opgaver, der er gentagne, og som tager meget tid, for eksempel hvis vi skal formindske og komprimere koden JavaScript, hver gang vi ændrer en fil, skal vi udføre disse to opgaver med Grynte dette er automatisk, hver gang vi ændrer filerne Grynte står for udførelsen af ​​disse opgaver.
Takket være denne form for funktionalitet Grynte har fundet en stor modtagelse i udviklingsverdenen, især dem, der baserer deres udvikling rundt JavaScript med miljøer som Node.js o CoffeeScript, som har ført til et stort fællesskab med mere end 2000 plugins i npm -depoterne, der arbejder med Grynte.
Webapplikationer vokser i dag ikke kun i størrelse, men også i kompleksitet, hvilket får os til at udvikle en mængde kode og bygge værktøjer, der overskrider den menneskelige grænse for udtømmende gennemgang, derfor opstår der testbaseret udvikling eller TDD, og på samme måde er der yderligere opgaver, der ikke har at gøre med koden, der giver os mulighed for at optimere vores applikation.
Grynte hjælper os med den anden del af tilgangen, giver os mulighed for at reducere den tid, vi har til at investere i at udføre opgaver, og hjælper os derved med at overholde princippet TØR, ikke at gentage os selv. Derfor skal vi bruge Grynte for at spare tid og reducere vores sandsynlighed for at begå fejl.
Vi ved allerede, hvad det er, og hvorfor vi skal bruge det, men der er stadig lidt mere at tale om Grynte, hvor en af ​​de vigtigste ting er at vide, hvilke fordele det giver os, fra større konsistens i vores applikation til at nærme sig udviklermiljøet, så lad os se fordelene lidt mere detaljeret.
EffektivitetNogle gange tror vi, at det at gøre ting manuelt sparer os tid til at skulle undersøge og implementere nogle værktøjer, men det viser sig, at den akkumulerede tid om ugen eller pr. Måned bliver overdreven, hvor vi kan miste op til 4 eller 5 timer, med Grynte dette reduceres, som simpelthen når vi har automatiseret opgaven, i slutningen af ​​dagen frigiver vi disse henrettelser fra vores hænder.
KonsistensSom vi nævnte i begyndelsen, er mennesket udsat for fejl, og derfor kan vi ved at automatisere reducere disse, Grynte Det giver os mulighed for at udføre alt præcist på den måde, at vi har verificeret, at det ikke har fejl, og dermed tage den menneskelige faktor ud af ligningen og optimere vores opgaver.
EffektivitetVed at opbygge et sæt automatiserede opgaver kan vi få vores sind til at håndtere de problemer, der virkelig har brug for vores opmærksomhed, og ved at udføre færre opgaver bliver vi mindre trætte, så vi bliver mere effektive.
FællesskabHvis der er noget, vi har troet, at vi har brug for til vores automatiserede miljø, eksisterer det helt sikkert, og det er takket være de store fordele ved Grynte Der er opbygget et stærkt fællesskab af plugins, som vi kan bruge frit og gratis mange gange, hvilket sparer os for meget mere arbejde.
Når vi har kendt de teoretiske begreber, fordele, grunde til at bruge det og andre interessante aspekter af GrynteDet er på tide, at vi kan praktisere alt, hvad vi har lært, så lad os starte med at installere dette fantastiske værktøj i vores miljø.
Grynte Det er tværplatform, så vi kan bruge det på Windows, Mac og Linux, af praktiske årsager under denne vejledning vil vi se installationen i et miljø WindowsProcessen er imidlertid ikke meget anderledes i de andre systemer, når det første krav er opfyldt.
Node.js og dens pakke- og modulstyring npm er hovedkravet før installation Grynte, i øjeblikket kommer begge værktøjer i den samme installation, så vi skal kun installere Node.js I vores system er denne proces meget enkel og er blevet forklaret i andre selvstudier, men bare besøg det officielle websted for nodejs.org -projektet for at finde ud af, hvordan du installerer til vores operativsystem.

FORSTØRRE

Når vi har downloadet og har Node.js kører på vores system er vi klar til det næste trin.
Installation af Grynte det er meget enkelt, vi får værktøjet Grunt CLI, det vil sige kommandolinjegrænsefladen, hvilket er det, der giver os mulighed for at bruge konsollen som vores måde at indikere til Grynte de opgaver, der skal udføres. Til dette vil vi bruge npm og dets depoter, der altid opdateres til den nyeste stabile version af projektet.
For at gøre dette skal vi blot køre følgende instruktion i vores kommandokonsol:

 npm installer -g grunt -cli

Denne handling vil efterlade os det værktøj, der allerede er installeret, som vi ser i det følgende skærmbillede af vores konsol.

Som vi kunne se, var installationen meget enkel, og med få sekunder forlader det vores system klar til brug Grynte. Nu skal vi gå til en mappe, hvor et projekt ligger, som vi vil linke til Grynte og vi udfører følgende instruktion:

 npm installer grynt

Dette giver os mulighed for at inkorporere Grynte i vores projekt og dermed begynde at bruge det, lad os se, hvad konsollen fortæller os, når vi gør dette:

Vores næste trin nu er at generere filerne package.json Y Gruntfile.js, begge er afgørende for vores applikation, så vi kan opfylde alle de afhængigheder, vi har brug for, og også angive for Grynte hvad man effektivt skal gøre. Disse filer er vigtige, da de er en slags ramme, hvorpå npm Y Grynte de vil blive understøttet, hvis de ikke findes i vores projekt, får vi problemer med at bruge værktøjet.
At generere indholdet af package.json Det er nok for os at bruge en kommando, der giver os en indledende konfiguration, for dette skal vi først oprette en tom fil kaldet package.json, er det meget vigtigt, at den indeholder to seler {}, så den tolkes som JSON, så skal vi i vores konsol udføre følgende i den samme bibliotek i vores projekt:

 npm installer-gem grynt grynt-bidrag-uglify

Hvilket vil give os følgende besked i kommandokonsollen:

Endelig hvis vi ser vores fil package.json Vi vil se, at det blev opdateret med følgende indhold:

Nu skal vi oprette filen Gruntfile.js, det er hvem der vil fortælle Grynte alt, hvad der skal udføres i vores miljø, så det er en vigtig del, grundstrukturen i denne fil er som følger:

 module.exports = function (grynt) {// her er indholdet af vores opgaver};

Efter kommentaren er, at vi kan placere vores forskellige planlagte opgaver, som vil blive udført, når vi udfører kommandoen grynte alle de instruktioner, vi har placeret i denne fil, udføres i vores konsol.
Da vi allerede har set nok indhold, forlader vi oprettelsen af ​​automatiserede opgaver til en anden gang, det vigtige er, at vi har forstået, at det er Grynte, hvad er de krav, vi har brug for for at installere det og alt, hvad det tilbyder os.
Med dette afslutter vi denne vejledning, hvis vi vil gå lidt dybere, kan vi gå ind i den officielle dokumentation af værktøjet, der er på engelsk og dermed fremme en vis viden, som vi kan omsætte til praksis senere.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt