grunt-init template for configuring web projects
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
root
.gitignore
CHANGELOG.md
LICENSE
README.md
rename.json
template.js

README.md

neat-pages

Neatly create a scaffold for your next web project using this grunt-init template. Watch a quick demo.

Tell Neat-Pages how you like to build your website and it will create a project configured with your chosen includes.
You can use Sass, LESS or plain-CSS editing and choose from includes like Bootstrap, Foundation 4, HTML5 Boilerplate, Bourbon and Neat.

Create a new project with grunt-init.

Installation

If you haven't already done so, install grunt-init:

npm install -g grunt-init

Once grunt-init is installed, place this template in your ~/.grunt-init/ directory. It's recommended that you use git to clone this template into that directory, as follows:

Linux/Mac Users

git clone git@github.com:jpdevries/neat-pages.git ~/.grunt-init/neat-pages

Windows Users

git clone git@github.com:jpdevries/neat-pages.git %USERPROFILE%/.grunt-init/neat-pages

Usage

At the command-line, cd into an empty directory, run this command and follow the prompts.

grunt-init neat-pages

Note that this template will generate files in the current directory, so be sure to change to a new directory first if you don't want to overwrite existing files.

Install the NPM modules required to actually process your newly-created project by running:

cd _build
npm install

Optionally enable Growl notifications by installing terminal-notifier with RubyGems:

gem install terminal-notifier

Note: Depending on your Ruby setup you may need to use sudo gem install terminal-notifier.

Grunt Tasks

Build
Run this first to fetch dependencies and pre-process and concanetate JavaScript and CSS.

grunt build

Watch
Pre-process CSS & JavaScript, then watch files for changes.

grunt