generator-starter

Yeoman Website Starter Generator

A very simple yeoman generator to kickstart websites.

The scaffolding includes the following:

• HTML5 Boilerplate
• Normalize.css
• Sass
• jQuery
• Modernizr
• Autoprefixer
• Uglify
• Concat
• Livereload
• Image optimization
• HTML minification
• Zurb Foundation's grid system

Install it running

~ npm install generator-starter

And then to use simply type in the command line:

~ yo starter

The directory structure would then be:

project_folder
	|_ dist
		|_ images //optimized images
		|_ styles
				main.css //compressed styles
		|_js
				main.min.js //concatenated and uglified js
		index.html //minified html
	|_ components //bower installed components
	|_ node_modules //gruntjs plugins
	|_ images
	|_ styles
	|_ sass
		|_ base
			  _fonts.scss
			  _mymixins.scss
			  _palette.scss
		|_ vendor
		|_ modules
		main.scss
	|_ js
		|_ vendor
		|_ plugins
		main.js
.htaccess
.gitattributes
.gitignore
index.html
crossdomain.xml
humans.txt
robots.txt
config.json
package.json
Gruntfile.js
bower.json
README.md

After that to watch for changes and compile sass, autoprefix the css, and live reload, run:

~ grunt watch

To build the project (uglify, concat, build a custom modernizr, compress css, htmlmin, imagemin)

~ grunt build

If this is in any way useful to you, use it in any way you want.