Yeoman gebruiken met AngularJS

Een van de belangrijkste dingen om in gedachten te houden wanneer we onze applicatie-ontwikkelingsreis beginnen met: AngularJS, is de optimalisatie van onze workflow, dat wil zeggen het vaststellen van de richtlijnen waarmee we applicaties gaan maken, tests gaan doen, secties van onze applicatie maken, enz.
We hebben verschillende opties om het te doen, die variëren van handmatig werken, elk van de mappen zelf maken of tools gebruiken die het voor ons doen, in het laatste kunnen we onszelf ondersteunen door Yeoman die de mogelijkheid heeft om de steigerHet brengt een ingebouwde webserver en stelt ons in staat om het skelet van de applicatie automatisch te bouwen.
Installeren Yeoman het is net zo eenvoudig als het runnen van een regel in de terminal, natuurlijk zolang we ons in omgevingen bevinden die zijn gebaseerd op Unix Wat Linux of MAC, waar het alleen voldoende is om het volgende te doen:

curl -L get.yeoman.io | bash

Hierna moeten we de instructies volgen die op het scherm verschijnen; Desalniettemin ramen Het is een ander probleem en hier moeten we doen wat een handmatige installatie wordt genoemd, hiervoor moeten we eerst installeren NodeJS en dan met je pakketbehandelaar npm installeren Yeoman en de Angular app-builder. Dit alles is goed gedocumenteerd op de Yeoman-website.

Zodra we hebben geïnstalleerd en hebben Yeoman actief is, kunnen we onze applicatie maken AngularJSLaten we niet vergeten dat zelfs voor de meest elementaire toepassingen, het volgens afspraak noodzakelijk is om de mappen op te nemen om de structuur te vormen.
Omdat dit erg vervelend is om handmatig te doen, met Yeoman We hoeven alleen het volgende vanaf een console te schrijven:

yeoman init hoekig

Dit zal ons niet alleen de mappenstructuur maken, maar het geeft ons ook de basisskeletten van de routes, controllers en afhankelijkheden.
Zoals we weten, zijn routes een van de belangrijkste kenmerken van onze toepassingen in hoekig, Yeoman Hiermee kunnen we niet alleen de route genereren, maar ook de benodigde bestanden zodat deze kan werken, hiervoor volstaat het om de opdracht te gebruiken:

yeoman init angular: route padnaam

Waar padnaam zal het pad zijn dat we willen, bijvoorbeeld als in plaats van plaatsen padnaam we plaatsen thuis, Yeoman zal zorgen voor:

• maak het home.js-bestand in app / script / controllers
• maak het bestand home.js in test / specs / controller
• maak het home.html-bestand in app / views

Dat zal ook de code van het pad in het bestand genereren app / scripts / app.js
Yeoman-voordelen:Met dit alles hebben we al veel werk bespaard, naast automatisering vermijden we kleine configuratiefouten die onze ontwikkeling kunnen beïnvloeden, zoals het verkeerd spellen van de naam van een controller of het op een ongepaste manier plaatsen van het pad, wat ertoe zou kunnen leiden dat we moet een beetje doen debuggen waardoor we tijd wegnemen die we aan andere dingen zouden kunnen besteden.
Hiermee ronden we deze tutorial af, we hebben geleerd hoe we een applicatie moeten installeren en starten met YeomanWe moeten ook onthouden dat dit niet de enige tool is die deze doelen dient, dus ze moeten wat onderzoek doen om andere opties te vinden, te vergelijken en bij de tool te blijven die het beste past bij onze doeleinden en behoeften.