Point guard

A boilerplate for Sass and JavaScript.

---

Read the docs

Sass, Guard, Bourbon, Bourbon Neat, Livereload, Bower

Prerequisites

Ruby, rvm, pow, livereload browser extension, node, npm, Bower

Setup

Clone the repo

git clone https://github.com/joshfry/point-guard.git

Rename the project, for example, "myapp"

mv point-guard myapp

cd into "myapp"

cd myapp

Download required gems, install Bourbon & Bourbon Neat in the scss directory, install dependancies create a localhost with project name (myapp.dev), compile sass, concat js and livereload the browser when changes are made to any file.

bundle install && cd scss && bourbon install && neat install && cd .. && bower install && powder link && guard

Just make sure you have the Livereload browser extension installed and you have clicked the icon to enable it.

The even easier setup

Just copy and paste this into your shell

echo What is the name of your project? ; read NAME ; git clone https://github.com/joshfry/point-guard.git && mv point-guard $NAME && cd $NAME && bundle install && cd scss && bourbon install && neat install && cd .. && bower install && powder link && open http://$NAME.dev && guard

Bower

Bower packages are pulled into the /js/components/ directory using the .bowerrc file.

To add a new package

bower install <name-of-package> --save

To uninstall a package

bower uninstall <name-of-package> --save

Guard Concat

Edit Guardfile to add the js files you want to concat and in which order.

Testing another setup.. don't use

echo What is the name of your project? ; read NAME ; git clone https://github.com/joshfry/point-guard.git && mv point-guard $NAME && cd $NAME && bundle install && cd scss && bourbon install && neat install && cd .. && bower install && powder link && subl . && open . && open http://$NAME.dev && guard