A boilerplate for Sass and JavaScript.
Sass, Guard, Bourbon, Bourbon Neat, Livereload, Bower
Ruby, rvm, pow, livereload browser extension, node, npm, Bower
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.
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 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
Edit Guardfile
to add the js files you want to concat and in which order.
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