wpveda book

  Edit This Page

CSS Preprocessor

=========================================

Quick commands to setup above packages,

Install Rubygem
apt-get install rubygems
Install SASS
gem install sass
Install Compass
gem install compass

After setting up Nodejs and npm, Install following packages,

Install Grunt Globally
npm install -g grunt-cli
Install Bower Globally
npm install -g bower

Follow this article to install packages and setup project for development.

Setup config.rb

To setup config.rb, refer http://compass-style.org/help/documentation/configuration-reference/

Setup package.json

To setup package.json, refer http://gruntjs.com/getting-started#package.json

Setup Gruntfile.js

To setup Gruntfile.js, refer http://gruntjs.com/sample-gruntfile

============

After setting up above files, use grunt command to compile your style and js files.

Other Useful Articles,