A short introduction to Yeoman

Held at Codeweek 2014, Linz. Notes to the slides are at http://fettblog.eu/introduction-to-yeoman-slides

Transcript

1. yeoman
   

   View Slide

2. View Slide

3. View Slide

4. View Slide

5. Gee, Brain, what do you want to do
   tonight?
   

   View Slide

6. The same we do every night: Start
   a new project, Pinky.
   

   View Slide

7. /js
   /scss
   /hbs
   

   View Slide

8. /js
   /scss
   /hbs
   /scripts
   /styles
   /templates
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. View Slide

15. Yeoman helps you kickstart new projects,
    prescribing best practices and tools to help you
    stay productive.
    +
    

    View Slide

16. To do so, we provide a generator ecosystem. A
    generator is basically a plugin that can be run with
    the `yo` command to scaffold complete projects or
    useful parts.
    +
    

    View Slide

17. View Slide

18. npm install -g yo
    npm install -g generator-angular
    yo angular
    yo angular:directive
    Usage
    

    View Slide

19. View Slide

20. this.prompt()
    this.dest.mkdir()
    this.src.copy()
    this.src.template()
    API
    

    View Slide

21. View Slide

22. View Slide

23. /narf
    /boink
    /zort
    /narf
    /boink
    /zort
    

    View Slide

24. View Slide

25. View Slide