generator-gruntlab

Yeoman grunt & patternlab generator

Usage no npm install needed!

<script type="module">
  import generatorGruntlab from 'https://cdn.skypack.dev/generator-gruntlab';
</script>

README

generator-gruntlab - v0.6.0

A Yeoman generator for Pattern Lab, a static site generator based on Brad Frost's Atomic Design methodologies. Scaffolds out a new Pattern Lab site, along with a few other optional workflow bells and whistles (Compass, Sass, Autoprefixer, Bower, Grunt) and front-end dependencies (Angular, jQuery, Modernizr, Blocss etc.).

Getting Started

  • Install Yeoman npm install -g yo (one-time global install).
  • Install bower with npm install -g bower (one-time global install) or update: npm update -g bower.
  • Install this generator with npm install -g generator-gruntlab (one-time global install) or update: npm update -g generator-gruntlab.
  • Install node-sass, if you choose to use it from installer, with npm install -g node-sass (one-time global install) or update: npm update -g node-sass.
  • From the terminal, navigate to your site's directory.
  • Type yo gruntlab, answer a few questions about your project, and wait.
  • When it's done, type "grunt serve" to start developing on your front-end. Type "grunt" once for a single compile.
  • Bask in the glory of your fully scaffolded site.