My Initial Setup for Mac Workflow

initial.setup.mac.workflow.md

My Initial Setup for Mac Workflow

0. Install IDE / Productivity Apps

• Moom
• Alfred
• iTerm2
• GitBox
• Transmit
• CheatSheet
• RubyMine
• PHPStorm
• SublimeText2

Sample

Install iTerm2

 http://code.tutsplus.com/tutorials/how-to-customize-your-command-prompt--net-24083

Install ( xcode, homebrew, git, rvm, ruby )

http://www.moncefbelyamani.com/how-to-install-xcode-homebrew-git-rvm-ruby-on-mac/

Install tree

`$ brew install tree`

Install GIT-Flow

`$ brew install git-flow`

Install Compass

`$ gem update --system`

`$ gem install compass`

Install Rails

`$ gem install rails`

Install CoffeeScript

`$ brew install node`

`$ npm install -g coffee-script`

Install Forge

`$ gem install forge`

Install oh-my-zsh

https://github.com/robbyrussell/oh-my-zsh

Customize Command Propt / Terminal

http://net.tutsplus.com/tutorials/tools-and-tips/how-to-customize-your-command-prompt/

Install MacVim

`$ brew install macvim --override-system-vim`

Install (fortune, cowsay, lolcat)

`$ brew install fortune cowsay`

`$ gem install lolcat`

`$ fortune | cowsay | lolcat`

Copy your .zshrc file from

https://gist.github.com/ralphcrisostomo/4971495

Install XAMPP

http://www.apachefriends.org/en/xampp.html

Create an alias directory

https://gist.github.com/ralphcrisostomo/4974674

Notes:

Scafolding / Directory Organization / Bootstrap / Workflow

1. Forge - ( Wordpress ) Forge is a free command-line toolkit for bootstrapping and developing WordPress themes in a tidy environment using front-end languages like Sass, LESS, and CoffeeScript.

2. Yeoman - Yeoman 1.0 is more than just a tool. It's a workflow; a collection of tools and best practices working in harmony to make developing for the web even better.

3. Grunt - ( Javascript ) In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes.

4. HTML5 Boilerplate - ( HTML5 ) HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

5. Twitter Bootstrap - ( Less ) Sleek, intuitive, and powerful front-end framework for faster and easier web development.

6. Zurb Foundation - ( SaSS ) Foundation is the most advanced front-end framework in the world.

7. Metro UI - ( Less ) Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI.