k3z/project-bootstrap

Create in few minutes a javascript project, download components with bower, optimize files and livereload with grunt

Simple starter project for static web development, jQuery and Bootstrap are downloaded with Bower. Project files are optimized with Grunt. Browser tab is refreshed automaticaly with LiveReload.

Prerequisite

• Bower
• Grunt
• LiveReload Browser extension

Bower And Grunt need :

• NodeJS
• npm

Installing Bower

Bower is installed globally using npm:.

$ npm install -g bower

Installing Grunt

Install Grunt's command line interface (CLI). Grunt will be only installed in your project folder.

$ npm install -g grunt-cli

Installing project-bootstrap

Checkout the project.

$ git clone https://github.com/k3z/project-bootstrap.git

Run Bower to download dependencies

$ cd <project-root>/
$ bower install

Bower components are now in www/assets/components/

Run Grunt to initialize project

$ cd <project-root>/
$ npm install
$ grunt

Development files are now in www/assets/build/.

To get production files run:

$ grunt production

Bower Components

You can add more components in bower.json config file.

{
    "name": "project bootstrap",
    "dependencies": {
        "jquery": "1.8.x",
        "components-bootstrap": "2.3.x",
        "font-awesome": "3.0.2"
    }
}

Grunt watch & LiveReload

Grunt can observe you files and execute somme tasks automaticaly.

To run Grunt in background

$ grunt watch

LiveReload

Grunt Watch has support for Livereload. To enable it in your browser install LiveReload extension