Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
My Initial Setup for Mac Workflow

My Initial Setup for Mac Workflow

  1. Install IDE / Productivity Apps

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment