Structuur van een project in AngularJS

Zodra we weten hoe het werkt AngularJS Op een fundamentele manier moeten we ook weten dat om een ​​project te genereren, we een structuur moeten hebben, omdat we daarmee de inhoud kunnen organiseren en hiermee kunnen we meer mensen bij de ontwikkeling betrekken en dat alles blijft werken.
Normaal gesproken kunnen we handmatig een structuur maken, maar er zijn tools die ons op een geautomatiseerde manier helpen met deze taken, dus we hebben beide opties, de geautomatiseerde tools helpen ons om altijd een conventie te behouden waarmee we delen van andere projecten kunnen hergebruiken als alles het komt overeen.
Een basisstructuur moet de scheiding tussen de verschillende bronnen van onze applicatie bevatten, hiermee voorkomen we dat we in verwarring raken, het is bijvoorbeeld niet aan te raden om statische inhoud in dezelfde map te hebben waarin we onze modellen opslaan.
We kunnen de structuur van onze applicatie op twee manieren maken, een handmatig, dat wil zeggen, elk van de mappen die het project zelf moet dragen, en de tweede met behulp van tools die een aanbevolen map maken met de structuur en sommige bestanden basic.
Een van de meest gebruikte tools is: Yeoman beschikbaar op http: / /yeoman.io en dat stelt ons in staat om de basisstructuur te genereren voor een project van AngularJS, maar niet alleen dit, maar ondersteunt ook andere frameworks of tools zoals Backbone.js of Ember.js.

VERGROTEN

Het is gebaseerd op node.js dus we moeten enige kennis van het onderwerp hebben om het te kunnen gebruiken, het belangrijkste is dat we, eenmaal geïnstalleerd, automatisch projecten kunnen genereren met alleen eenvoudige opdrachten, evenals delen van projecten zoals filters.
Dit helpt ons fouten in de initiële configuratie van onze applicatie te voorkomen. We kunnen deze tool combineren met andere zoals: Grunt, prieel en npm om de afhankelijkheden te bouwen van de pakketten die we nodig hebben.
Als we besluiten een handmatig pad te volgen, kunnen we de volgende mappen of structuren zien waarmee we rekening moeten houden om georganiseerd te werken:
ScriptsWe moeten een map met scripts hebben, hier zou alle inhoud moeten komen die we nodig hebben, zoals de controllers en modellen van AngularJS die we in onze applicatie nodig hebben, kunnen we het intern nog meer verdelen als het onze wens is.
Keer bekekenEen andere map die zeer noodzakelijk is, is de map keer bekeken, hier gaan we alle weergaven van onze applicatie opslaan, onthoud dat dit type project over het algemeen met sjablonen werkt, dus hier is de juiste plaats om ze te plaatsen.
LeverancierDeze map gaat over het algemeen in scripts en bevat alle .js-bestanden die we nodig hebben, bijvoorbeeld als we extra bibliotheken willen gebruiken of als we een sjabloon-engine willen gebruiken zoals Laag streepje, dit zal de plek zijn om ze op te slaan.
StatischWe kunnen het verdelen in img en css, zoals we kunnen afleiden uit de namen, elk zal de afbeeldingen en stijlbestanden hebben die op de applicatie zullen worden toegepast, deze map is interessant omdat het zelfs een dynamische link naar een pad in een CDN van ons gebruik of onze voorkeur.
Hiermee hebben we in feite geleerd dat we een project moeten organiseren dat is gemaakt in AngularJSHet belangrijkste is dat we conventies moeten volgen, ook al zijn ze zelf bedacht, op deze manier kunnen we het werk zo goed mogelijk uitvoeren.