What is YEO+LAB?

A Yeoman generator for Pattern Lab, a static site generator based on Brad Frost's Atomic Design methodologies. Yeo+Lab scaffolds out a new Pattern Lab site (using default or custom patterns) and sets up a few other optional workflow bells and whistles (Compass, Sass, Bower, Grunt) and front-end dependencies (jQuery, Modernizr, Require, etc.).

Getting Started

  1. Install Yeoman globally:
    $ npm install -g yo
  2. Install Yeo+Lab globally:
    $ npm install -g generator-patternlab
  3. From the terminal, navigate to your site's directory (creating a separate UI directory in the project root works pretty well).
  4. Type
    $ yo patternlab
    and answer a few questions about your project.
  5. When it's done, type
    $ grunt
    to generate your first Pattern Lab build…
  6. …and
    $ grunt watch
    to start the watcher.
  7. Bask in the glory of your fully scaffolded site!