Komme i gang med Grunt

For tiden når vi snakker om webutvikling, er det faktorer som tvinger oss til å stole på et stort antall oppgaver som vi må utføre når vi har laget koden, og mye mer hvis vi bruker JavaScript , siden det er forskjellige verktøy vi trenger for å gjøre applikasjonen vår så optimal som mulig.
Ettersom alt som er avhengig av mennesket ikke alltid er perfekt og består av feil, ser vi alltid etter en måte å bygge prosesser så rene som mulig og automatisere dem, siden feil er mindre sannsynlig å bli gjort hvis vi legger alt oppmerksomheten på noe en gang, og så lar vi posten gå til en maskin.

FORSTØRRE

Det er her det kommer inn Grynte, som ikke er mer enn resultatet av det søket etter automatisering og reduksjon av feil og arbeidsbesparelser. Den ble opprettet i 2012 og har vokst i popularitet til den i dag er et nesten essensielt element i ethvert miljø som inneholder JavaScript som et utviklingsspråk.
Hva er Grunt?Det er et verktøy for kommandolinjen eller konsollen JavaScript som er ansvarlig for å utføre oppgaver som er repeterende og som tar mye tid, for eksempel hvis vi trenger å minifisere og komprimere koden JavaScript, hver gang vi endrer en fil, må vi utføre disse to oppgavene, med Grynte dette er automatisk, hver gang vi endrer filene Grynte har ansvaret for å utføre disse oppgavene.
Takket være denne typen funksjonalitet Grynte har funnet en god mottakelse i utviklingsverdenen, spesielt de som baserer sin utvikling rundt JavaScript med miljøer som Node.js o CoffeeScript, som har ført til et stort fellesskap med mer enn 2000 plugins i npm -depotene som fungerer med Grynte.
Nettapplikasjoner i dag vokser ikke bare i størrelse, men også i kompleksitet, noe som fører til at vi utvikler en mengde kode og bygger verktøy som overskrider den menneskelige grensen for uttømmende gjennomgang, det er derfor testbasert utvikling oppstår eller TDD, og på samme måte er det flere oppgaver som ikke har å gjøre med koden som lar oss optimalisere applikasjonen vår.
Grynte hjelper oss med den andre delen av tilnærmingen, lar oss redusere tiden vi har å investere i å utføre oppgaver, og hjelper oss derved å følge prinsippet TØRKE, for ikke å gjenta oss selv. Det er derfor vi må bruke Grynte for å spare tid, og redusere sannsynligheten for å gjøre feil.
Vi vet allerede hva det er og hvorfor vi bør bruke det, men det er fortsatt litt mer å snakke om Grynte, der en av de viktigste tingene er å vite hvilke fordeler det gir oss, fra større konsistens i applikasjonen vår til å nærme oss utviklermiljøet, så la oss se fordelene litt mer detaljert.
EffektivitetNoen ganger tror vi at det å gjøre ting manuelt sparer oss tid for å måtte undersøke og implementere noen verktøy, men det viser seg at den akkumulerte tiden per uke eller per måned blir overdreven, hvor vi kan miste opptil 4 eller 5 timer, med Grynte dette er redusert, som ganske enkelt når vi har automatisert oppgaven, på slutten av dagen frigjør vi henrettelsene fra våre hender.
KonsistensSom vi nevnte i begynnelsen, er mennesket utsatt for feil, og derfor kan vi ved å automatisere redusere disse, Grynte Det gir oss muligheten til å utføre alt nøyaktig på den måten vi har bekreftet at det ikke har noen feil, og dermed ta den menneskelige faktoren ut av ligningen og optimalisere våre oppgaver.
EffektivitetVed å bygge et sett med automatiserte oppgaver, kan vi få tankene våre til å håndtere problemene som virkelig trenger vår oppmerksomhet, og ved å utføre færre oppgaver blir vi mindre slitne, så vi blir mer effektive.
SamfunnetHvis det er noe vi har trodd at vi trenger for vårt automatiserte miljø, eksisterer det sikkert, og det er det takket være de store fordelene med Grynte Det er bygget et sterkt fellesskap av plugins som vi kan bruke fritt og gratis mange ganger, og dermed spare oss for mye mer arbeid.
Når vi har kjent de teoretiske begrepene, fordelene, årsakene til å bruke det og andre interessante aspekter av GrynteDet er på tide at vi kan praktisere alt vi har lært, så la oss starte med å installere dette flotte verktøyet i miljøet vårt.
Grynte Det er plattformsbasert, så vi kan bruke det på Windows, Mac og Linux, av praktiske årsaker under denne opplæringen vil vi se installasjonen i et miljø WindowsImidlertid er prosessen ikke veldig annerledes i de andre systemene når det første kravet er oppfylt.
Node.js og pakke- og modulbehandling npm er hovedkravet før installasjon Grynte, for øyeblikket kommer begge verktøyene i samme installasjon, så vi trenger bare å installere Node.js I vårt system er denne prosessen veldig enkel og har blitt forklart i andre opplæringsprogrammer, men bare gå til det offisielle nettstedet til nodejs.org -prosjektet for å finne ut hvordan du installerer for operativsystemet vårt.

FORSTØRRE

Når vi har lastet ned og har Node.js kjører på vårt system er vi klare for neste trinn.
Installasjonen av Grynte det er veldig enkelt, vi får tak i verktøyet Grunt CLI, det vil si kommandolinjegrensesnittet, som er det som lar oss bruke konsollen som vår måte å indikere til Grynte oppgavene som skal fullføres. Til dette skal vi bruke npm og dets depoter som alltid er oppdatert til den siste stabile versjonen av prosjektet.
For å gjøre dette må vi bare kjøre følgende instruksjon i kommandokonsollen:

 npm installere -g grunt -cli

Denne handlingen vil forlate oss verktøyet som allerede er installert, slik vi ser i det følgende skjermbildet av konsollen vår.

Som vi kunne se, var installasjonen veldig enkel, og med bare noen få sekunder gjør systemet vårt klart til bruk Grynte. Nå må vi gå til en mappe der et prosjekt ligger som vi vil koble til Grynte og vi utfører følgende instruksjon:

 npm installer grynt

Dette vil tillate oss å inkorporere Grynte i vårt prosjekt og dermed begynne å bruke det, la oss se hva konsollen forteller oss når vi gjør dette:

Vårt neste trinn er å generere filene package.json Y Gruntfile.js, begge er viktige for applikasjonen vår, slik at vi kan møte alle avhengighetene vi trenger, og også indikere for Grynte hva du skal gjøre effektivt. Disse filene er viktige siden de er en slags rammeverk, som npm Y Grynte de vil bli støttet, hvis de ikke finnes i prosjektet vårt, vil vi få problemer med å bruke verktøyet.
For å generere innholdet i package.json Det er nok for oss å bruke en kommando som vil gi oss en innledende konfigurasjon, for dette må vi først lage en tom fil som heter package.json, er det veldig viktig at den inneholder to seler {} slik at den tolkes som JSON, så i konsollen vår må vi utføre følgende i den samme katalogen for prosjektet vårt:

 npm install-lagre grunt grunt-contrib-uglify

Som vil gi oss følgende melding i kommandokonsollen:

Til slutt hvis vi ser filen vår package.json Vi vil se at den ble oppdatert med følgende innhold:

Nå må vi lage filen Gruntfile.js, dette er hvem som vil fortelle Grynte alt som må utføres i miljøet vårt, så det er en viktig del, grunnstrukturen til denne filen er som følger:

 module.exports = function (grunt) {// her er innholdet i oppgavene våre};

Etter kommentaren er at vi kan plassere våre forskjellige planlagte oppgaver, som vil utføres når vi utfører kommandoen grynte alle instruksjonene vi har plassert i denne filen kjøres i konsollen vår.
Siden vi allerede har sett nok innhold, kommer vi til å la opprettelsen av automatiserte oppgaver stå en annen gang, det viktige er at vi har forstått at det er Grynte, hva er kravene vi trenger for å installere det og alt det tilbyr oss.
Med dette avslutter vi denne opplæringen. Hvis vi ønsker å gå litt dypere, kan vi gå inn på den offisielle dokumentasjonen for verktøyet som er på engelsk og dermed fremme litt kunnskap som vi kan sette i praksis senere.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng