Struttura di un progetto in AngularJS

Una volta che sappiamo come funziona AngularJS In sostanza, dobbiamo anche sapere che per generare un progetto dobbiamo avere una struttura, poiché con essa possiamo organizzare i contenuti e con questa possiamo includere più persone nello sviluppo e che tutto continua a funzionare.
Normalmente possiamo creare una struttura manualmente, tuttavia ci sono strumenti che ci aiutano con queste attività in modo automatizzato, quindi abbiamo entrambe le opzioni, gli strumenti automatizzati ci aiutano a mantenere sempre una convenzione con cui possiamo riutilizzare parti di altri progetti se tutto corrisponde.
Una struttura di base deve contenere la separazione tra le diverse risorse della nostra applicazione, con questo eviteremo di cadere in confusione, ad esempio non è consigliabile avere contenuti statici nella stessa cartella in cui conserviamo i nostri modelli.
Possiamo realizzare la struttura della nostra applicazione in due modi, uno manualmente, cioè creare ciascuna delle cartelle che il progetto deve portare avanti da solo e il secondo utilizzando strumenti che creano una directory consigliata con la struttura e alcuni file di base.
Uno degli strumenti più utilizzati è Yeoman disponibile su http://yeoman.io e che ci permette di generare la struttura di base per un progetto di AngularJS, ma non solo questo, ma supporta anche altri framework o strumenti come Backbone.js o Ember.js.

INGRANDIRE

È basato su nodo.js quindi dobbiamo avere una certa conoscenza dell'argomento per poterlo utilizzare, l'importante è che una volta installato, possiamo generare automaticamente progetti solo utilizzando semplici comandi, nonché parti di progetti come i filtri.
Questo ci aiuta a evitare errori nella configurazione iniziale della nostra applicazione. Possiamo combinare questo strumento con altri come Grugnito, pergolato e npm per costruire le dipendenze dei pacchetti di cui abbiamo bisogno.
Se decidiamo di seguire un percorso manuale, possiamo vedere le seguenti cartelle o strutture che dobbiamo tenere in considerazione per lavorare in modo organizzato:
scriptDobbiamo avere una cartella di script, qui dovrebbe andare tutto il contenuto di cui abbiamo bisogno, come i controller e i modelli di AngularJS che richiediamo nella nostra applicazione, possiamo dividerlo internamente ancora di più se è il nostro desiderio.
VisualizzazioniUn'altra cartella molto necessaria è la cartella visualizzazioni, qui memorizzeremo tutte le viste della nostra applicazione, ricorda che generalmente questo tipo di progetto funziona con i modelli, quindi qui sarà il posto giusto per posizionarli.
VenditoreQuesta cartella generalmente va all'interno degli script e conterrà tutti i File .js di cui avremo bisogno, ad esempio se vogliamo usare librerie aggiuntive o se vogliamo usare un motore di template come Sottolineare, questo sarà il posto dove conservarli.
StaticoPossiamo dividerlo in img e css, come possiamo dedurre dai nomi, ognuno avrà le immagini e i file di stile che verranno applicati all'applicazione, questa cartella è interessante perché può anche essere un collegamento dinamico a un percorso in un CDN del nostro uso o preferenza.
Con questo abbiamo sostanzialmente imparato che bisogna organizzare un progetto made in AngularJSL'importante è che dobbiamo seguire le convenzioni anche se sono di nostra invenzione, in questo modo possiamo svolgere al meglio il lavoro.