Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A short introduction to Yeoman

A short introduction to Yeoman

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

Stefan Baumgartner

October 16, 2014
Tweet

More Decks by Stefan Baumgartner

Other Decks in Technology

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