A personal Front-End Yeoman Generator
This is a generator I made to start responsive website projects. Your project doesn't have to be responsive, though. It uses SASS and has a gruntfile that I think covers pretty much everything I have needed to do.
-
Uses SASS for CSS preprocessing
-
Installs Bootstrap (optional)
-
Installs jQuery (optional)
-
Installs jRespond (optional) for managing your javascript on a responsive site
-
Installs jPanelmenu (optional) for an easy way to handle mobile navigation
-
Installs mustache.js and/or Handlebars (optional) in case you need some nifty javascript templating
-
Installs underscore.js (optional) in case you like some useful programming helpers
-
Installs jQuery Cookie (optional) for all of your cookie-ing needs
-
Installs respond.js (optional) in case you give a crap about your site looking good in IE8
-
If you have Image Optim installed, the grunt task will run it for you. If not, just let Fred know that you don't have it when he asks.
- If you're using Yeoman, you probably already have Grunt and Bower installed. But if not, do that.
- SASS
- The grunt svgmin task requires SVGO
- Make SVG minification/png conversion optional
Install - npm install -g generator-fred
Generate a new project - cd in to project directory and yo fred
To start a local development server with node: grunt server
To build for production: grunt
Please reference USAGE for specifics on how to use the starter kit.