Skapa Front End -utvecklingsarkitektur med NPM, Grunt och Bower

Innehållsförteckning

Introduktion

För denna handledning är det nödvändigt att ha GIT installerat och ha en grundläggande kunskap om det eftersom vi inte kommer att gå in på detaljer om användningen av denna teknik. På samma sätt har du kunskap om webbutveckling (åtminstone vet om HTML-, CSS- och Javascript -språk).

Efter att ha arbetat som utvecklare i flera år, en av frågorna som uppstår när programmering är, hur kan jag automatisera mitt arbete och spara tid? Eller hur organiserar jag mitt projekt bättre?

Vi syftar inte på användning av bibliotek eller ramverk som hjälper oss att spara tid i vissa fall, inte heller med användning av IDE: er som ger oss komfort och lätthet vid programmering. Det finns något mer som vi behöver idag för att göra vår utveckling mycket mer professionell, både i det slutliga resultatet för våra kunder, för våra kollegor eller till och med för oss själva. Det finns några utvecklingsmallar som ger oss dessa hjälpmedel men de kan gå långt utöver vad vi behöver, till exempel, Vinkelfrö vilket ger oss resurser för utveckling av en applikation i AngularJS, men de är redan mallar som betonas för specifika typer av projekt, det är här det är viktigt att skapa vår arbetsmiljö och strukturera den på det sätt som passar oss bäst.

Låt oss komma till saken, om vi vill uppnå det ovannämnda är ett av våra alternativ att använda NodeJS, Grunt och Bower.

Du kommer att undra vad var och en är och vad de är till för.

NodeJSNodeJS är ett utvecklerserverspråk i Javascript som hjälper oss att skapa en server för våra projekt tack vare användningen av NPM (Node Package Manager). Jag kommer inte att gå in på begreppsmässiga detaljer om detta språk eftersom det inte är ämnets prioritet.

Mer information: https://nodejs.org/

GrymtaGrunt, är en uppgif.webptsautomatisering som kommer att underlätta många jobb som vi utför manuellt när vi utvecklar.

Mer information: http://gruntjs.com/

LövsalBower är ett bibliotek med gränssnittsbibliotek, som ger oss många alternativ, till exempel plugins och ramverk som kan tjäna oss i våra projekt.

Mer information: http://bower.io/

Grunt och Bower är NPM -paket, vilket innebär att de är beroende av det senare. Låt oss gå vidare till installationen av alla komponenter.

TidigareSida 1 av 3Nästa

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave