Struktura projektu v AngularJS

Jakmile víme, jak to funguje AngularJS V zásadě musíme také vědět, že k vytvoření projektu musíme mít strukturu, protože s ním můžeme organizovat obsah, a tím můžeme do vývoje zapojit více lidí a že vše nadále funguje.
Normálně můžeme vytvořit strukturu ručně, existují však nástroje, které nám s těmito úkoly pomáhají automatizovaně, takže máme obě možnosti, automatizované nástroje nám pomáhají vždy udržovat konvenci, pomocí které můžeme znovu použít části jiných projektů, pokud vše to odpovídá.
Základní struktura musí obsahovat oddělení mezi různými prostředky naší aplikace, čímž se vyhneme zmatkům, například se nedoporučuje mít statický obsah ve stejné složce, do které ukládáme naše modely.
Strukturu naší aplikace můžeme vytvořit dvěma způsoby, jedním ručně, to znamená vytvořit každou ze složek, které musí projekt nést sám, a druhou pomocí nástrojů, které vytvoří doporučený adresář se základní strukturou a některými soubory.
Jedním z nejpoužívanějších nástrojů je Yeoman k dispozici na adrese http: / /yeoman.io a to nám umožňuje generovat základní strukturu pro projekt AngularJS, ale nejen to, ale také podporuje další rámce nebo nástroje, jako je Backbone.js nebo Ember.js.

ZVĚTŠIT

Je to založeno na node.js takže musíme mít nějaké znalosti o předmětu, abychom jej mohli používat, důležité je, že po instalaci můžeme automaticky generovat projekty pouze pomocí jednoduchých příkazů, stejně jako části projektů, jako jsou filtry.
To nám pomáhá vyhnout se chybám v počáteční konfiguraci naší aplikace. Tento nástroj můžeme kombinovat s jinými, jako např Grunt, bower a npm vybudovat závislosti balíčků, které požadujeme.
Pokud se rozhodneme sledovat manuální cestu, můžeme vidět následující složky nebo struktury, které musíme vzít v úvahu, abychom mohli pracovat organizovaně:
SkriptyMusíme mít složku skriptů, zde by měl jít veškerý požadovaný obsah, například ovladače a modely AngularJS které v naší aplikaci požadujeme, můžeme ji vnitřně ještě více rozdělit, pokud je to naší touhou.
PohledyDalší velmi potřebnou složkou je složka pohledyZde budeme ukládat všechny pohledy na naši aplikaci, pamatujte, že obecně tento typ projektu funguje se šablonami, takže zde bude to správné místo pro jejich umístění.
ProdejceTato složka obvykle obsahuje skripty a bude obsahovat všechny soubory .js soubory které budeme potřebovat, například pokud chceme používat další knihovny nebo pokud chceme použít engine šablon jako Podtržítko, toto bude místo pro jejich uložení.
StatickýMůžeme to rozdělit na img a css, jak můžeme usuzovat z názvů, každý z nich bude mít obrázky a stylové soubory, které budou použity v aplikaci, tato složka je zajímavá, protože může jít dokonce o dynamický odkaz na cestu v A CDN našeho používání nebo preference.
Díky tomu jsme se v podstatě dozvěděli, že musíme zorganizovat projekt vyrobený v AngularJSDůležité je, že musíme dodržovat konvence, i když jsou naší vlastní invencí, tímto způsobem můžeme práci provést co nejlépe.