Kom igång med Grunt

För närvarande när vi pratar om webbutveckling finns det faktorer som tvingar oss att vara beroende av ett stort antal uppgif.webpter som vi måste utföra när vi har skapat koden, och mycket mer om vi använder JavaScript , eftersom det finns olika verktyg som vi behöver för att göra vår applikation så optimal som möjligt.
Eftersom allt som beror på människan tenderar att inte alltid vara perfekt och består av fel, letar vi alltid efter ett sätt att bygga processer så rena som möjligt och automatisera dem, eftersom det är mindre troligt att misstag görs om vi lägger alla vår uppmärksamhet på något en gång och sedan lämnar vi dess post kör till en maskin.

FÖRSTORA

Det är här det kommer in Grymta, vilket inte är mer än resultatet av den sökningen efter automatisering och minskningen av fel och arbetsbesparingar. Det skapades 2012 och har ökat i popularitet tills det idag är ett nästan väsentligt element i alla miljöer som innehåller JavaScript som ett utvecklingsspråk.
Vad är Grunt?Det är ett verktyg för kommandoraden eller konsolen JavaScript som är ansvarig för att utföra uppgif.webpter som är repetitiva och som tar mycket tid, till exempel om vi behöver förminska och komprimera koden JavaScript, varje gång vi ändrar en fil måste vi köra dessa två uppgif.webpter, med Grymta detta är automatiskt, varje gång vi ändrar filerna Grymta ansvarar för att utföra dessa uppgif.webpter.
Tack vare denna typ av funktionalitet Grymta har funnit ett stort mottagande i utvecklingsvärlden, särskilt de som bygger sin utveckling runt JavaScript med miljöer som Node.js o CoffeeScript, vilket har lett till ett stort community med mer än 2000 plugins i npm -lagren som fungerar med Grymta.
Webbapplikationer idag växer inte bara i storlek utan också i komplexitet, vilket leder till att vi utvecklar en mängd kod och bygger verktyg som överskrider den mänskliga gränsen för uttömmande granskning, det är därför testbaserad utveckling uppstår eller TDD, och på samma sätt finns det ytterligare uppgif.webpter som inte har att göra med koden som gör att vi kan optimera vår applikation.
Grymta hjälper oss med den andra delen av tillvägagångssättet, låter oss minska tiden vi har att investera i att utföra uppgif.webpter och hjälper oss därmed att följa principen TORR, att inte upprepa oss själva. Det är därför vi måste använda Grymta för att spara tid och minska sannolikheten för att göra misstag.
Vi vet redan vad det är och varför vi ska använda det, men det finns fortfarande lite mer att prata om Grymta, där en av de viktigaste sakerna är att veta vilka fördelar det ger oss, från större konsekvens i vår applikation till att närma oss utvecklargemenskapen, låt oss se fördelarna lite mer detaljerat.
EffektivitetIbland tror vi att man gör saker manuellt sparar oss tid att behöva undersöka och implementera några verktyg, men det visar sig att den ackumulerade tiden per vecka eller per månad blir överdriven, där vi kan förlora upp till 4 eller 5 timmar, med Grymta detta reduceras, som helt enkelt när vi har automatiserat uppgif.webpten, i slutet av dagen släpper vi dessa avrättningar från våra händer.
KonsistensSom vi nämnde i början är människan utsatt för fel och därför kan vi genom att automatisera minska dessa, Grymta Det ger oss möjlighet att utföra allt exakt på det sätt som vi har verifierat att det inte har några fel, och därmed ta den mänskliga faktorn ur ekvationen och optimera våra uppgif.webpter.
EffektivitetGenom att bygga en uppsättning automatiserade uppgif.webpter kan vi få vårt sinne att hantera de problem som verkligen behöver vår uppmärksamhet, och genom att utföra färre uppgif.webpter blir vi mindre trötta så att vi blir mer effektiva.
gemenskapOm det är något som vi har trott att vi behöver för vår automatiska miljö, finns det säkert, och det är tack vare de stora fördelarna med Grymta En stark gemenskap av plugins har byggts upp som vi kan använda fritt och gratis många gånger, vilket sparar oss mycket mer arbete.
När vi väl har känt de teoretiska begreppen, fördelarna, anledningarna till att använda det och andra intressanta aspekter av GrymtaDet är dags att vi kan praktisera allt vi har lärt oss, så låt oss börja med att installera det här fantastiska verktyget i vår miljö.
Grymta Det är plattformsoberoende, så vi kan använda det på Windows, Mac och Linux, av praktiska skäl under denna handledning kommer vi att se installationen i en miljö WindowsProcessen är dock inte särskilt annorlunda i de andra systemen när det första kravet är uppfyllt.
Node.js och dess paket- och modulhanterare npm är huvudkravet innan installation Grymta, för närvarande kommer båda verktygen i samma installation, så vi behöver bara installera Node.js I vårt system är denna process mycket enkel och har förklarats i andra handledning, men besök bara den officiella webbplatsen för nodejs.org -projektet för att ta reda på hur du installerar för vårt operativsystem.

FÖRSTORA

När vi har laddat ner och har Node.js körs på vårt system är vi redo för nästa steg.
Installationen av Grymta det är väldigt enkelt, vi kommer att få verktyget Grunt CLI, det vill säga kommandoradsgränssnittet, vilket är det som gör att vi kan använda konsolen som vårt sätt att indikera till Grymta de uppgif.webpter som ska utföras. För detta kommer vi att använda npm och dess arkiv som alltid uppdateras till den senaste stabila versionen av projektet.
För att göra detta måste vi helt enkelt köra följande instruktion i vår kommandokonsol:

 npm installera -g grunt -cli

Denna åtgärd kommer att lämna oss verktyget redan installerat som vi ser i följande skärmdump av vår konsol.

Som vi kunde se var installationen mycket enkel och med bara några sekunder lämnar det vårt system klart att använda Grymta. Nu måste vi gå till en mapp där ett projekt finns som vi vill länka till Grymta och vi utför följande instruktion:

 npm installera grunt

Detta gör att vi kan införliva Grymta i vårt projekt och därmed börja använda det, låt oss se vad konsolen säger till oss när vi gör detta:

Vårt nästa steg är nu att generera filerna package.json Y Gruntfile.js, båda är viktiga för vår applikation så att vi kan möta alla beroenden vi behöver, och även indikera för Grymta vad man ska göra effektivt. Dessa filer är viktiga eftersom de är ett slags ramverk npm Y Grymta de kommer att stödjas, om de inte finns i vårt projekt har vi problem med att använda verktyget.
För att generera innehållet i package.json Det är tillräckligt för oss att använda ett kommando som ger oss en initial konfiguration, för detta måste vi först skapa en tom fil som heter package.json, är det mycket viktigt att den innehåller två hängslen {} så att den tolkas som JSON, då i vår konsol måste vi köra följande i samma katalog för vårt projekt:

 npm installera-spara grunt grunt-contrib-uglify

Vilket ger oss följande meddelande i kommandokonsolen:

Slutligen om vi ser vår fil package.json Vi kommer att se att det uppdaterades med följande innehåll:

Nu måste vi skapa filen Gruntfile.js, det här är vem som kommer att berätta Grymta allt som måste utföras i vår miljö så att det är en viktig del, basstrukturen för denna fil är följande:

 module.exports = function (grunt) {// här är innehållet i våra uppgif.webpter};

Efter kommentaren är att vi kan placera våra olika schemalagda uppgif.webpter, vilket gör när vi utför kommandot grymta alla instruktioner som vi har placerat i den här filen körs i vår konsol.
Eftersom vi redan har sett tillräckligt med innehåll kommer vi att lämna skapandet av automatiserade uppgif.webpter för en annan gång, det viktiga är att vi har förstått att det är Grymta, vilka krav vi behöver för att installera det och allt det erbjuder oss.
Med detta avslutar vi denna handledning, om vi vill gå lite djupare kan vi gå in på den officiella dokumentationen för verktyget som är på engelska och därmed fördjupa lite kunskap som vi kan omsätta i praktiken senare.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng