How to create your first Yeoman Generator

B1f68959f14f39a7cba2bc9fd4b926e9?s=47 Ruy Adorno
February 10, 2015

How to create your first Yeoman Generator

These slides were followed by a live-coding session, you can find the code for this session here, each step of the workshop is separated into a commit on the repo, so that it's easier for people to reproduce it again:

Presented 10 February 2015 at the js-montreal meetup


Ruy Adorno

February 10, 2015


  1. 2.

    What is Yeoman? • A scaffolding tool • A project

    to provide developers an improved tooling workflow • A platform with hundreds of recipes • An open-source initiative
  2. 3.

    Awesome maintainers • Addy Osmani • Sindre Sorhus • Pascal

    Hartig • Stephen Sawchuk • Brian Ford • Eddie Monge • Paul Irish • Hemanth.HM • Revath S Kumar • Jimmy Moon • Frederick Ros • Mickael Daniel • Eric Bidelman • Matija Marohnić • Kevin Mårtensson Simon Boudrias
  3. 6.

    • Generators • npm install -g generator-webapp • npm install

    -g generator-angular • npm install -g generator-... Understanding the tools
  4. 7.

    Understanding the tools • Most of the available generators comes

    with a selection of great tooling and best practices for web development
  5. 8.

    Let’s build a Generator • You can find the live-coding

    generator on GitHub:
  6. 9.

    Lessons learned • Having private generators for your internal projects

    is an amazing idea • Be careful with features you add to your generators