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