Skip to content

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

Notifications You must be signed in to change notification settings

astralo/project-bootstrap

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 And Grunt need :

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published