Christine's quick boilerplate setup for front-end projects.
index.html - loosely based on HTML5Boilerplate
scss/style.scss - starting scss file (using bourbon mixin library)
css/style.css - where compiled files go (shouldn't need to edit, ever)
Gulpfile.js - gulp script set up to automatically watch and compile all files in the scss directory into the css folder
First make sure node/npm is installed on your computer.
Then install gulp and a few aditional modules:
npm install gulp gulp-watch gulp-sass node-neat node-bourbon
Optionally if you want to minify css files, uncomment the minification lines in the Gulpfile and also install the dependent modules:
npm install gulp-minify-css gulp-rename
In the base of the project, just simply run the gulp script in your terminal:
gulp
The watcher should start right away and you can get started on editing your stylesheets.