generator-starter

A website starter generator for Yeoman

npm install generator-starter
5 downloads in the last week
27 downloads in the last month

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.

npm loves you