Opret Front End -udviklingsarkitektur med NPM, Grunt og Bower

Indholdsfortegnelse

Introduktion

Til denne vejledning er det nødvendigt at have GIT installeret og have en vis grundlæggende viden om det, da vi ikke vil gå i detaljer om brugen af ​​denne teknologi. Har på samme måde viden om webudvikling (i det mindste kendskab til HTML-, CSS- og Javascript -sprog).

Efter at have arbejdet som udviklere i flere år, er et af de spørgsmål, der opstår, når programmering er, hvordan kan jeg automatisere mit arbejde og spare tid? Eller, hvordan organiserer jeg mit projekt bedre?

Vi refererer ikke til brugen af ​​biblioteker eller rammer, der hjælper os med at spare tid i nogle tilfælde, og heller ikke i brugen af ​​IDE'er, der giver os komfort og lethed ved programmeringen. Der er noget mere, vi har brug for i dag for at gøre vores udvikling meget mere professionel, både i det endelige resultat for vores kunder, for vores kolleger eller endda for os selv. Der er nogle udviklingsskabeloner, der giver os disse hjælpemidler, men de kan gå langt ud over, hvad vi har brug for, f.eks. Vinkelfrø som giver os ressourcer til udviklingen af ​​en applikation i AngularJS, men de er allerede skabeloner, der understreges for bestemte typer projekter, det er her det er vigtigt at skabe vores arbejdsmiljø og strukturere det på den måde, der passer bedst til os.

Lad os komme til sagen, hvis vi ønsker at opnå det førnævnte, er et af vores alternativer at bruge NodeJS, Grunt og Bower.

Du vil undre dig over, hvad hver enkelt er, og hvad de er til.

NodeJSNodeJS er et udviklerserversprog i Javascript, der hjælper os med at oprette en server til vores projekter takket være brugen af ​​NPM (Node Package Manager). Jeg vil ikke gå ind på konceptuelle detaljer om dette sprog, da det ikke er emnets prioritet.

Flere oplysninger: https://nodejs.org/

GrynteGrunt, er en opgaveautomatisering, der vil lette mange job, som vi udfører manuelt, når vi udvikler.

Flere oplysninger: http://gruntjs.com/

BowerBower er et bibliotek med frontend -biblioteker, som giver os en masse alternativer såsom plugins og rammer, der kan tjene os i vores projekter.

Flere oplysninger: http://bower.io/

Grunt og Bower er NPM -pakker, hvilket betyder, at de er afhængige af sidstnævnte. Lad os gå videre til installationen af ​​alle komponenterne.

TidligereSide 1 af 3Næste

wave wave wave wave wave