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: https://github.com/ruyadorno/generator-jsmontreal

Presented 10 February 2015 at the js-montreal meetup

Transcript

1. How to create your first Yeoman Generator
   Ruy Adorno | @ruyadorno
   

   View Slide

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
   

   View Slide

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
   

   View Slide

4. What are Generators?
   • Scaffolding recipes
   • Customizable
   • Composable
   • Independent
   open-source projects
   

   View Slide

5. Understanding the tools
   • Command-line tool
   • npm install -g yo
   • Executes a generator
   

   View Slide

6. • Generators
   • npm install -g generator-webapp
   • npm install -g generator-angular
   • npm install -g generator-...
   Understanding the tools
   

   View Slide

7. Understanding the tools
   • Most of the available generators comes with a
   selection of great tooling and best practices for
   web development
   

   View Slide

8. Let’s build a Generator
   • You can find the live-coding generator on GitHub:
   https://github.com/ruyadorno/generator-jsmontreal
   

   View Slide

9. Lessons learned
   • Having private generators for your internal
   projects is an amazing idea
   • Be careful with features you add to your
   generators
   

   View Slide

10. Merci!
    @ruyadorno
    http://ruyadorno.com
    

    View Slide