Meet FRED, The Front End Yeoman generator
npm install generator-fredThis 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
Run npm install
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.