Använda Yeoman med AngularJS

En av de viktigaste sakerna att tänka på när vi börjar vår applikationsutvecklingsresa med AngularJS, är optimeringen av vårt arbetsflöde, det vill säga att fastställa riktlinjerna för vilka vi ska skapa applikationer, göra tester, skapa delar av vår applikation, etc.
Vi har flera alternativ att göra det, allt från att arbeta manuellt, skapa var och en av katalogerna på egen hand eller använda verktyg som gör det åt oss, i det senare kan vi försörja oss själva genom att Hemmansägare som har möjlighet att generera ställningarDet ger en inbyggd webbserver och låter oss bygga programmets skelett automatiskt.
Installera Hemmansägare det är lika enkelt som att köra en linje i terminalen, förstås så länge vi befinner oss i miljöer baserade på Unix Vad Linux eller MAC, där det bara räcker att göra följande:

curl -L get.yeoman.io | våldsamt slag

Efter detta måste vi följa instruktionerna som visas på skärmen; men hursomhelst Windows Det är en annan fråga och här måste vi göra det som kallas en manuell installation, för detta måste vi först installera NodeJS och sedan med din pakethanterare npm Installera Hemmansägare och Angular -appbyggaren. Allt detta är korrekt dokumenterat på Yeoman -webbplatsen.

När vi har installerat och har Hemmansägare igång kan vi skapa vår applikation AngularJSLåt oss komma ihåg att även för de mest grundläggande applikationerna är det konventionellt nödvändigt att inkludera katalogerna för att bilda strukturen.
Eftersom detta är väldigt tråkigt att göra manuellt, med Hemmansägare Vi måste bara skriva följande från en konsol:

yeoman init kantig

Detta kommer att skapa oss inte bara mappstrukturen, men det kommer också att ge oss de grundläggande skeletten i rutter, kontroller och beroenden.
Som vi vet är rutter en av de viktigaste egenskaperna hos våra applikationer i Vinkel, Hemmansägare Det tillåter oss inte bara att generera rutten, utan också de nödvändiga filerna så att den kan fungera, för det räcker det med att använda kommandot:

yeoman init angular: vägvägsnamn

Var sökvägsnamn kommer att vara den väg vi vill ha, till exempel om istället för att placera sökvägsnamn vi placerar Hem, Hemmansägare kommer att ta hand om:

• skapa home.js -filen i app / script / controllers
• skapa home.js -filen i test / specs / controller
• skapa home.html -filen i app / vyer

Det kommer också att generera koden för sökvägen i filen app / scripts / app.js
Yeoman fördelarMed allt detta har vi redan sparat mycket arbete, förutom att vi är automatiserade undviker vi små konfigurationsfel som kan påverka vår utveckling, till exempel att stava namnet på en kontroller eller placera sökvägen på ett olämpligt sätt, vilket kan leda till att vi måste göra lite felsökning på så sätt tar bort tid som vi kan lägga på andra saker.
Med detta avslutar vi denna handledning, vi har lärt oss hur man installerar och hur man startar ett program med HemmansägareVi måste också komma ihåg att detta inte är det enda verktyget som tjänar dessa ändamål, så de måste göra en del undersökningar för att hitta andra alternativ, jämföra och stanna kvar med det verktyg som bäst passar våra syften och behov.