Structure d'un projet en AngularJS

Une fois qu'on sait comment ça marche AngularJS De manière basique, nous devons également savoir que pour générer un projet, nous devons avoir une structure, car avec elle, nous pouvons organiser le contenu et avec cela, nous pouvons inclure plus de personnes dans le développement et que tout continue de fonctionner.
Normalement, nous pouvons créer une structure manuellement, mais il existe des outils qui nous aident dans ces tâches de manière automatisée, nous avons donc les deux options, les outils automatisés nous aident à toujours maintenir une convention avec laquelle nous pouvons réutiliser des parties d'autres projets si tout ça correspond.
Une structure de base doit contenir la séparation entre les différentes ressources de notre application, avec cela nous éviterons de tomber dans la confusion, par exemple il n'est pas recommandé d'avoir du contenu statique dans le même dossier dans lequel nous stockons nos modèles.
Nous pouvons créer la structure de notre application de deux manières, l'une manuellement, c'est-à-dire en créant chacun des dossiers que le projet doit porter par nous-mêmes et la seconde en utilisant des outils qui créent un répertoire recommandé avec la structure et certains fichiers de base.
L'un des outils les plus utilisés est Yeoman disponible sur http://yeoman.io et qui nous permet de générer la structure de base pour un projet de AngularJS, mais pas seulement cela, mais prend également en charge d'autres cadres ou outils tels que Backbone.js ou alors Ember.js.

AGRANDIR

C'est basé sur node.js il faut donc avoir une certaine connaissance du sujet pour pouvoir l'utiliser, l'important est qu'une fois installé, on puisse générer automatiquement des projets uniquement à l'aide de commandes simples, ainsi que des parties de projets comme des filtres.
Cela nous aide à éviter les erreurs dans la configuration initiale de notre application. Nous pouvons combiner cet outil avec d'autres tels que Grunt, tonnelle et npm pour construire les dépendances des packages dont nous avons besoin.
Si nous décidons de suivre un chemin manuel, nous pouvons voir les dossiers ou structures suivants que nous devons prendre en compte pour travailler de manière organisée :
ScénariosNous devons avoir un dossier de scripts, ici devrait aller tout le contenu dont nous avons besoin, tels que les contrôleurs et les modèles de AngularJS que nous exigeons dans notre application, nous pouvons le diviser intérieurement encore plus si c'est notre désir.
VuesUn autre dossier qui est très nécessaire est le dossier vues, ici nous allons stocker toutes les vues de notre application, rappelez-vous que généralement ce type de projet fonctionne avec des modèles, donc ici sera le bon endroit pour les placer.
VendeurCe dossier va généralement à l'intérieur des scripts et contiendra tous les fichiers .js dont nous aurons besoin, par exemple si nous voulons utiliser des bibliothèques supplémentaires ou si nous voulons utiliser un moteur de template comme Souligner, ce sera l'endroit pour les stocker.
StatiqueNous pouvons le diviser en img et css, comme nous pouvons le déduire des noms, chacun aura les images et les fichiers de style qui seront appliqués à l'application, ce dossier est intéressant car il peut même être un lien dynamique vers un chemin dans une CDN de notre utilisation ou préférence.
Avec cela, nous avons essentiellement appris que nous devons organiser un projet réalisé en AngularJSL'important est que nous devons suivre les conventions même si elles sont de notre propre invention, de cette façon nous pouvons effectuer le travail aussi bien que possible.