Utilizzo di Yeoman con AngularJS

Una delle cose più importanti da tenere a mente quando iniziamo il nostro viaggio nello sviluppo di applicazioni con AngularJS, è l'ottimizzazione del nostro flusso di lavoro, ovvero stabilire le linee guida con cui creeremo applicazioni, faremo test, creeremo sezioni della nostra applicazione, ecc.
Abbiamo diverse opzioni per farlo, che vanno dal lavorare manualmente, creare ciascuna delle directory da soli o utilizzare strumenti che lo fanno per noi, in quest'ultimo possiamo sostenerci da Yeoman che ha la possibilità di generare il impalcaturaPorta un server web integrato e ci permette di costruire automaticamente lo scheletro dell'applicazione.
Installare Yeoman è facile come eseguire una linea nel terminale, ovviamente finché siamo in ambienti basati su Unix Che cosa Linux o MAC, dove sarà sufficiente fare quanto segue:

curl -L get.yeoman.io | bash

Dopodiché dobbiamo seguire le istruzioni che appaiono sullo schermo; ma nonostante finestre È un altro problema e qui dobbiamo fare quella che viene chiamata installazione manuale, per questo dobbiamo prima installare NodoJS e poi con il tuo gestore di pacchi npm installare Yeoman e il generatore di app Angular. Tutto questo è adeguatamente documentato sul sito web di Yeoman.

Una volta che abbiamo installato e abbiamo Yeoman in esecuzione, possiamo creare la nostra applicazione AngularJSRicordiamo che anche per le applicazioni più elementari, per convenzione è necessario includere le directory per formare la struttura.
Poiché è molto noioso da fare manualmente, con Yeoman Non ci resta che scrivere quanto segue da una console:

Yeoman init angolare

Questo ci creerà non solo la struttura delle cartelle, ma ci darà anche gli scheletri di base del route, controller e dipendenze.
Come sappiamo, i percorsi sono una delle caratteristiche chiave delle nostre applicazioni in Angolare, Yeoman Ci consente non solo di generare il percorso, ma anche i file necessari affinché possa funzionare, per questo è sufficiente utilizzare il comando:

yeoman init angular: percorso percorso

In cui si percorso sarà il percorso che vogliamo, ad esempio se invece di piazzare percorso noi poniamo casa, Yeoman si occuperà di:

• crea il file home.js in app / script / controllers
• crea il file home.js in test / specs / controller
• crea il file home.html in app/views

Inoltre questo genererà il codice del percorso nel file app/script/app.js
Vantaggi del YeomanCon tutto questo abbiamo già risparmiato molto lavoro, oltre ad essere automatizzati evitiamo piccoli errori di configurazione che possono influenzare il nostro sviluppo, come ad esempio l'ortografia errata del nome di un controller o l'inserimento del percorso in modo inappropriato, che potrebbe portarci a c'è da fare un po' debug togliendo così tempo che potremmo dedicare ad altre cose.
Con questo finiamo questo tutorial, abbiamo imparato come installare e come avviare un'applicazione con YeomanDobbiamo anche ricordare che questo non è l'unico strumento che serve a questi scopi, quindi devono fare qualche ricerca per trovare altre opzioni, confrontare e rimanere con lo strumento che meglio si adatta ai nostri scopi e alle nostre esigenze.