gulp-kickstart
A mini framework for quickly starting web projects. It’s built around gulp.js, features live reloading capability for fast CSS and JavaScript development, and uses the CSS categorization approach introduced by SMACSS.
What is this good for?
You can
- quickly start a web project with only a few commands
- see how gulp.js works and how simple it is to work with
- edit and tweak the code and settings to exactly fit your needs (actually I encourage you to do so)
- instantly see the results of your CSS and JavaScript without having to manually reload the browser
Prerequirements
For using the mini framework you have to have installed
on your system.
Getting Started
1. Install gulp globally:
npm install -g gulp
2. Install gulp plugins in the root folder of this repository:
npm install
This will automatically install the following dev dependencies:
- gulp
- gulp-util
- gulp-rename
- gulp-ruby-sass
- gulp-uglify
- gulp-concat
- gulp-load-plugins
- gulp-livereload
- tiny-lr
3. Install one of the LiveReload browser extensions.
4. Run gulp
gulp