generator-jquery-bootstrap-simple v1.0.3
Simple jQuery & Bootstrap Yeoman generator with SASS
This simple Yeoman generator gives you .html site organized with nice directory tree, ready to write/test your code snippets using jQuery and Bootstrap.
You don't need to reaload page every time you change something because
grunt serverLivetask serves you efficient node sever with livereload (html/js/css) and it observes your .scss files withcompass watch!
Features
- live realoading of all .html .js .css files with node server - grunt serverLive
- minifying and concatenating .js and .css files - grunt dist
- write your CSS with SASS
- get benefits from: Bower,GruntandCopmass
Autor: Julian Sadowski
Installation
Firstly you must have installed NodeJS which comes with NPM installed (you can download it from its official site: nodejs.org)
Secondly its good to update npm with command below:
sudo npm install npm -gThen install Yeoman, Bower and Grunt npm packages typying:
 npm install -g yo bower grunt-cliTo write your CSS you will be using SASS so to compile it you need to get Compass framework. Type in your console:
gem update --system
gem install compass
#or if you are using Mac with El Captain, correct commands will be:
sudo gem update --system
sudo gem install -n /usr/local/bin compassLast thing you must do is install the generator:
npm install -g generator-jquery-bootstrap-simpleHow to use ?
Create an empty directory and enter it by:
mkdir mySite && cd mySiteWrite command:
yo jquery-bootstrap-simple... enter your project name in the console and ... that's it :) you can run command below to see your newly created page:
grunt serverLiveGrunt tasks
Runs a node server (http://localhost:8000) with livereload (html/js/css) with compass watch
grunt serverLiveRuns a node server (http://localhost:8000) with compass watch
grunt serverCollects, concatenates, minificates and stores in public/dist directory .js and .css files with .min extension
grunt distCompiles css with Compass:
grunt compassCompile