Utiliser Yeoman avec AngularJS

L'une des choses les plus importantes à garder à l'esprit lorsque nous commençons notre parcours de développement d'applications avec AngularJS, est l'optimisation de notre flux de travail, c'est-à-dire l'établissement des directives avec lesquelles nous allons créer des applications, faire des tests, créer des sections de notre application, etc.
Nous avons plusieurs options pour le faire, qui vont du travail manuel, à la création de chacun des répertoires par nous-mêmes ou à l'utilisation d'outils qui le font pour nous, dans ce dernier cas, nous pouvons nous soutenir en Yeoman qui a la possibilité de générer le échafaudageIl apporte un serveur Web intégré et nous permet de construire automatiquement le squelette de l'application.
Installer Yeoman c'est aussi simple que de lancer une ligne dans le terminal, bien sûr tant que nous sommes dans des environnements basés sur Unix Quoi Linux ou alors MAC, où il suffira de faire ce qui suit :

curl -L get.yeoman.io | frapper

Après cela, nous devons suivre les instructions qui apparaissent à l'écran; cependant les fenêtres C'est un autre problème et ici nous devons faire ce qu'on appelle une installation manuelle, pour cela nous devons d'abord installer NodeJS puis avec votre gestionnaire de colis npm Installer Yeoman et le générateur d'applications angulaires. Tout cela est correctement documenté sur le site Web de Yeoman.

Une fois que nous avons installé et avons Yeoman en cours d'exécution, nous pouvons créer notre application AngularJSRappelons que même pour les applications les plus basiques, par convention il est nécessaire d'inclure les répertoires pour former la structure.
Comme c'est très fastidieux à faire manuellement, avec Yeoman Il suffit d'écrire ce qui suit depuis une console :

yeoman init angulaire

Cela nous créera non seulement la structure des dossiers, mais cela nous donnera également les squelettes de base du routes, contrôleurs et dépendances.
Comme nous le savons, les routes sont l'une des caractéristiques clés de nos applications en Angulaire, Yeoman Il nous permet non seulement de générer la route, mais aussi les fichiers nécessaires pour que cela puisse fonctionner, pour cela il suffit d'utiliser la commande :

yeoman init angular: chemin d'accès

Où chemin d'accès sera le chemin que nous voulons, par exemple si au lieu de placer chemin d'accès nous plaçons domicile, Yeoman s'occupera de :

• créer le fichier home.js dans app / script / controllers
• créer le fichier home.js dans test/specs/controller
• créer le fichier home.html dans app/views

Cela générera également le code du chemin dans le fichier app/scripts/app.js
Avantages de YeomanAvec tout cela, nous avons déjà économisé beaucoup de travail, en plus d'être automatisés, nous évitons les petites erreurs de configuration qui peuvent affecter notre développement, telles que la faute d'orthographe du nom d'un contrôleur ou le placement du chemin de manière inappropriée, ce qui pourrait nous conduire à faut faire un peu débogage nous enlevant ainsi du temps que nous pourrions consacrer à d'autres choses.
Avec cela, nous terminons ce tutoriel, nous avons appris comment installer et comment démarrer une application avec YeomanNous devons également nous rappeler que ce n'est pas le seul outil qui sert ces objectifs, ils doivent donc faire des recherches pour trouver d'autres options, comparer et rester avec l'outil qui convient le mieux à nos objectifs et à nos besoins.