Sets up preferred file structure, Gruntfile, & Compass.
- Clone or download repo into project folder
- run
npm install
from the command line (installs grunt and assorted dependencies defined inpackage.json
file) - run
grunt dev
from the command line to:
a. start a server at port :8000
b. rungrunt watch
which, in turn, will:- prefix any necessary CSS3 declarations you were too lazy to handle yourself
- process, concatenate, and minify .scss & .js files
- compress any images in the
img
directory - let LiveReload know what's up (I use the browser extension)
- Node.js/npm
- Grunt
- Compass
- Sass Globbing (allows for much neater Sass imports)
- LiveReload (Optional, but only if you hate yourself)
- Fittext gem (Optional)
- You'll need to change the Gruntfile
concat
,uglify
, &watch
objects if you're writing coffeescript. Basically just change the*.js
values to*.coffee
- If you don't want the Compass support you'll need to edit the Gruntfile before you get going. I think that's just plain crazypants, but whatever, man, free country and all that. Here you go:
a. on line 13, remove thecompass: true
item (or change it to false, which is the default)
b. remove the@import "compass"
line from thestyle.scss
(line 1) - The Fittext compass extension is optional, but easily required.
a. In the config.rb file, ucommented line 2 (require 'fittext'
).
b. Then uncomment line 2 in the mainstyle.scss
file.
c. Just make sure you're including Compass before Fittext to avoid blowing up your day.