This document serves as a list of the stuff you will need to set up a front end development environment to support most front end projects I develop.
This setup is specific to mac users.
Command line tools are needed for various command line utilities as well as a dependancy for some of the other tools
https://developer.apple.com/xcode/
This is a "package-manager" like utility for easily installing things on a mac
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew update
brew install git
git config --global user.name "Your Name"
git config --global user.email "your@email.com"
brew install subversion
Pick an editor that will allow you to easily see the level of indention. This will be very important for developing JADE templates. Sublime Text is a popular choice:
If you go with sublime add package control: https://sublime.wbond.net/installation#st2
Install these packages with: Sublime Text 2 > Preferrences > Package Control > Package Control:Install Packages >
- Jade
- JsFormat
- Sass
- SCSS
*You may ned to use the sudo keyword for any of the following if you get a permissions error
gem install sass
Sass mixin library
gem update --system
gem install compass
Easy host configuration. The free version should be fine but not as nice as pro which allows you to configure multiple hosts.
http://www.mamp.info/en/index.html
CodeKit is used for building the front end portion of the project as well as provides other useful services such as syntax checking and image optimization. The CodeKit config file is part of project repository and located at the project root. The folder can be dragged into codekit to create a new project.
Note: You will need to use the actual compass executable, not CodeKit's. (CodeKit > Preferences > Other Tools > Compass > Advanced Compiler Settings > Use the Compass executable at this path:. Set it to your compass directory which is probably /usr/bin/compass)