Lag frontend -utviklingsarkitektur med NPM, Grunt og Bower

Innholdsfortegnelse

Introduksjon

For denne opplæringen er det nødvendig å ha GIT installert og ha litt grunnleggende kunnskap om det siden vi ikke vil gå i detalj om bruken av denne teknologien. På samme måte har du kunnskap om webutvikling (minst kunnskap om HTML-, CSS- og Javascript -språk).

Etter å ha jobbet som utviklere i flere år, er et av spørsmålene som oppstår når programmering er, hvordan kan jeg automatisere arbeidet mitt og spare tid? Eller, hvordan organiserer jeg prosjektet mitt bedre?

Vi refererer ikke til bruk av biblioteker eller rammer som hjelper oss å spare tid i noen tilfeller, og heller ikke bruk av IDEer som gir oss komfort og letthet ved programmering. Det er noe mer vi trenger i dag for å gjøre utviklingen vår mye mer profesjonell, både i det endelige resultatet for våre kunder, for våre kolleger eller til og med for oss selv. Det er noen utviklingsmaler som gir oss disse hjelpemidlene, men de kan gå langt utover det vi trenger, for eksempel, Vinkelfrø som gir oss ressurser for utvikling av en applikasjon i AngularJS, men de er allerede maler som vektlegges for spesifikke typer prosjekter, det er her det er viktig å skape arbeidsmiljøet vårt og strukturere det på den måten som passer oss best.

La oss komme til poenget, hvis vi ønsker å oppnå det nevnte, er et av våre alternativer å bruke NodeJS, Grunt og Bower.

Du vil lure på hva hver enkelt er og hva de er til for.

NodeJSNodeJS er et utviklerserversidespråk i Javascript som vil hjelpe oss med å lage en server for våre prosjekter takket være bruken av NPM (Node Package Manager). Jeg vil ikke gå inn på konseptuelle detaljer om dette språket ettersom det ikke er temaets prioritet.

Mer informasjon: https://nodejs.org/

GrynteGrunt, er en oppgaveautomatisering som vil lette mange jobber som vi gjør manuelt når vi utvikler.

Mer informasjon: http://gruntjs.com/

BowerBower er et bibliotek med frontend -biblioteker, som gir oss mange alternativer, for eksempel plugins og rammer som kan tjene oss i prosjektene våre.

Mer informasjon: http://bower.io/

Grunt og Bower er NPM -pakker, noe som betyr at de er avhengige av sistnevnte. La oss gå videre til installasjonen av alle komponentene.

TidligereSide 1 av 3Neste

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave