Structura unui proiect în AngularJS

Odată ce știm cum funcționează AngularJS Într-un mod de bază, trebuie să știm, de asemenea, că pentru a genera un proiect trebuie să avem o structură, deoarece cu acesta putem organiza conținutul și cu aceasta putem include mai mulți oameni în dezvoltare și că totul continuă să funcționeze.
În mod normal, putem realiza o structură manual, cu toate acestea există instrumente care ne ajută cu aceste sarcini într-un mod automat, deci avem ambele opțiuni, instrumentele automate ne ajută să menținem întotdeauna o convenție cu care putem refolosi părți ale altor proiecte dacă totul se potriveste.
O structură de bază trebuie să conțină separarea între diferitele resurse ale aplicației noastre, cu aceasta vom evita să cadem în confuzie, de exemplu nu este recomandat să avem conținut static în același folder în care stocăm modelele noastre.
Putem realiza structura aplicației noastre în două moduri, unul manual, adică să creăm fiecare dintre folderele pe care proiectul trebuie să le transporte pe cont propriu și al doilea folosind instrumente care creează un director recomandat cu structura și unele fișiere de bază.
Unul dintre cele mai utilizate instrumente este Yeoman disponibil la http: / /yeoman.io și care ne permite să generăm structura de bază pentru un proiect de AngularJS, dar nu numai acest lucru, ci suportă și alte cadre sau instrumente precum Backbone.js sau Ember.js.

MARI

Se bazeaza pe node.js deci trebuie să avem cunoștințe despre subiect pentru a-l putea folosi, important este că, odată instalat, putem genera automat proiecte doar folosind comenzi simple, precum și părți ale proiectelor, cum ar fi filtre.
Acest lucru ne ajută să evităm erorile în configurația inițială a aplicației noastre. Putem combina acest instrument cu altele precum Grunt, bower și npm pentru a construi dependențele pachetelor de care avem nevoie.
Dacă decidem să urmăm o cale manuală, putem vedea următoarele foldere sau structuri pe care trebuie să le luăm în considerare pentru a lucra în mod organizat:
ScripturiTrebuie să avem un folder de scripturi, aici ar trebui să meargă tot conținutul de care avem nevoie, cum ar fi controlerele și modelele AngularJS pe care le solicităm în aplicația noastră, îl putem împărți intern chiar mai mult dacă este dorința noastră.
VizualizăriUn alt folder foarte necesar este dosarul vederi, aici vom stoca toate vizualizările aplicației noastre, amintiți-vă că, în general, acest tip de proiect funcționează cu șabloane, deci aici va fi locul potrivit pentru a le plasa.
VânzătorAcest folder intră în general în scripturi și va conține toate fișierele fișiere .js că vom avea nevoie, de exemplu, dacă dorim să folosim biblioteci suplimentare sau dacă dorim să folosim un motor de șabloane ca Sublinia, acesta va fi locul pentru a le stoca.
StaticÎl putem împărți în img și css, după cum putem deduce din nume, fiecare va avea imaginile și fișierele de stil care vor fi aplicate aplicației, acest folder este interesant deoarece poate fi chiar o legătură dinamică către o cale din A CDN a utilizării sau preferinței noastre.
Cu aceasta am învățat practic că trebuie să organizăm un proiect realizat în AngularJSImportant este că trebuie să respectăm convențiile, chiar dacă sunt din propria noastră invenție, în acest fel putem desfășura lucrările cât mai bine posibil.