Bruker Yeoman med AngularJS

En av de viktigste tingene du må huske på når vi starter vår applikasjonsutviklingsreise med AngularJS, er optimaliseringen av arbeidsflyten vår, det vil si å etablere retningslinjene som vi skal lage applikasjoner med, gjøre tester, lage deler av applikasjonen vår, etc.
Vi har flere alternativer for å gjøre det, alt fra å jobbe manuelt, lage hver av katalogene på egen hånd eller bruke verktøy som gjør det for oss, i sistnevnte kan vi forsørge oss selv ved Yeoman som har mulighet til å generere stillasDet bringer en innebygd webserver og lar oss bygge skjelettet til applikasjonen automatisk.
Installere Yeoman det er like enkelt som å kjøre en linje i terminalen, selvfølgelig så lenge vi er i miljøer basert på Unix Hva Linux eller MAC, hvor det bare vil være nok å gjøre følgende:

curl -L get.yeoman.io | bash

Etter dette må vi følge instruksjonene som vises på skjermen; men uansett Windows Det er et annet problem, og her må vi gjøre det som kalles en manuell installasjon, for dette må vi først installere NodeJS og deretter med pakkebehandleren din npm installere Yeoman og Angular -appbyggeren. Alt dette er ordentlig dokumentert på Yeoman -nettstedet.

Når vi har installert og har Yeoman kjører, kan vi lage vår applikasjon AngularJSLa oss huske at selv for de mest grunnleggende applikasjonene, er det etter konvensjon nødvendig å inkludere katalogene for å danne strukturen.
Siden dette er veldig kjedelig å gjøre manuelt, med Yeoman Vi må bare skrive følgende fra en konsoll:

yeoman init kantet

Dette vil skape oss ikke bare mappestrukturen, men det vil også gi oss de grunnleggende skjelettene til ruter, kontrollere og avhengigheter.
Som vi vet, er ruter en av de viktigste egenskapene til applikasjonene våre i Vinklet, Yeoman Det lar oss ikke bare generere ruten, men også de nødvendige filene slik at den kan fungere, for dette er det nok å bruke kommandoen:

yeoman init angular: rute banenavn

Hvor banenavn vil være banen vi ønsker, for eksempel hvis i stedet for å plassere banenavn vi plasserer hjem, Yeoman vil ta seg av:

• opprett home.js -filen i app / script / controllere
• lag home.js -filen i test / specs / controller
• opprett home.html -filen i app / visninger

Det vil også generere koden til banen i filen app / scripts / app.js
Yeoman fordelerMed alt dette har vi allerede spart mye arbeid, i tillegg til å være automatisert unngår vi små konfigurasjonsfeil som kan påvirke utviklingen vår, for eksempel feilstaving av navnet på en kontroller eller plassering av banen på en upassende måte, noe som kan føre oss til må gjøre litt feilsøking og dermed ta bort tid som vi kan bruke på andre ting.
Med dette fullfører vi denne opplæringen, vi har lært hvordan du installerer og hvordan du starter et program med YeomanVi må også huske at dette ikke er det eneste verktøyet som tjener disse formålene, så de må gjøre noen undersøkelser for å finne andre alternativer, sammenligne og bli med det verktøyet som passer best for våre formål og behov.