Introduction à Yeoman

Yeoman est l'un des enfants cool de la cour, un effort combiné de nombreux développeurs respectables pour fournir un outil qui simplifie la configuration et la gestion des projets d'applications Web.

Attention: cet article est ancien et peut ne pas refléter l'état actuel de la technique

Yeoman est l'un des enfants cool dans la cour, un effort combiné de nombreux développeurs respectables pour fournir un outil qui simplifie la configuration et la gestion des projets d'applications Web: moins de temps passé à apprendre X outils différents, plus de cohérence et de facilité d'utilisation .

Il y a beaucoup de points d'intérêt dans Yeoman, les plus importants d'entre eux sont:

  • il est construit sur des outils solides comme le roc pour fournir un accès facile et une utilisation rapide et simple. Ne réinvente pas la roue.
  • c'est un outil d'échafaudage pour les frameworks les plus populaires, pensez à Bootstrap, Ember.js, Angular.js, Backbone.js
  • grâce àTonnelle(un gestionnaire de packages frontend similaire à Jam, Volo, Ender - mais mieux), il dispose d'aides d'installation, de désinstallation et de mise à jour rapides pour les bibliothèques courantes telles que jQuery, Underscore.js, Modernizer, Mocha, Backbone et tout package Bower déjà en place .
  • il a des tests intégrés, en utilisant mocha contre une instance PhantomJS (navigateur sans tête) lorsqu'il est lancé à partir de la ligne de commande, ou sinon des tests exécutés dans le navigateur lorsque vous ouvrez la page test / index.html dans le navigateur.
  • il fournit un serveur HTTP python pour tester votre code. Lorsque le serveur Web est en cours d'exécution, il écoute les modifications de fichier dans votre projet et recharge le navigateur lorsque la page que vous avez ouverte a des dépendances sur un fichier qui a changé. Ainsi, vous n'avez même pas besoin d'un backend en place avant de commencer à écrire le code du frontend.

Construire un projet Yeoman est facile. Tout d'abord, installez-le:

$ curl -L get.yeoman.io | sh

Entrez ensuite dans un répertoire vide et tapez

$ yeoman init

Cela vous présentera un écran de bienvenue et une liste d'options de ce que vous souhaitez ajouter au projet.

Vous pouvez démarrer un nouveau projet Ember.js en tapant

$ yeoman init ember

Cela crée une nouvelle application Ember.js, crée un ensemble de base de modèles, contrôleurs et vues / modèles (et leurs répertoires), ajoute les balises de script pour toutes les dépendances (jQuery, Handlebars) et crée un fichier index.html basé sur HTML5 projet passe-partouthttp://html5boilerplate.com/.

Vous pouvez utiliser Yeoman pour amorcer le projet, mettre à jour les dépendances dans votre projet, exécuter des tests, etc. Et, lorsque le projet est prêt pour le déploiement, vous pouvez profiter de Grunthttps://github.com/cowboy/gruntconstruit dans Yeoman en appelant «yeoman build», pour qu'il lints, compile tout pour la production, concatène et minifie le script et les styles, compresse les images, etc.


Plus de tutoriels devtools: