Bonjour à tous,

Aujourd'hui, je vous propose un petit tuto d'introduction à Yeoman.

Alors, Yeoman, qu'est ce que c'est ?

C'est un petit outil qui va nous permettre de démarrer un projet très rapidement et simplement en lançant une commande. On peut alors personnaliser notre projet de base, avec différents Framework ou librairies.

Ainsi, on va pouvoir éviter de répéter des tâches (le principe même d'une industrialisation) mais aussi plugger tout un tas d'outils à notre projet (par exemple Browsersync - un genre de LiveReload, entre autres).

Installation

Il faut au préalable NodeJs, NPM, une console etc.

$ npm install -g yo gulp-cli bower

puis

$ npm install -g generator-webapp

Yeoman est installé.
Je le lance dans un dossier de projet que j'appelle test-yeoman:

$ yo webapp

Yeoman installation

Après avoir répondu à quelques questions sur la création de mon projets...

Yeoman en cours d'installation

Puis lancer le projet avec Gulp:

$ gulp serve

une page navigateur s'ouvre, et c'est magique:

Yeoman initialisation

Yeoman est lancé.
La console nous informe de quelques URLs intéressantes, pour tester sur d'autres devices:

Console Yeoman

On peut ouvrir ce même projet sur d'autres devices, et profiter de la synchrinisation entre les appareils, du reload automatique en cas de modification des ressources, et même d'une interface d'admin:

Yeoman admin

Vous pouvez retrouver un tutoriel vidéo de Yeoman sur Grafikart:

Sources:
- Site de Yeoman : http://yeoman.io/