Web Development Setup for OS X

In this post I will share my Mac OS X setup for HTML, SCSS and JavaScript development.


System Preferences

General:

Mouse:

Since I use a mouse with my Mac, and can’t stand OS X’s mouse acceleration, the very first thing I install is SmoothMouse. It gets rid of the annoying acceleration and lag that occurs when you use a mouse with OS X.

Security & Privacy

Applications

Application Dock

Text Editor

My choice of editor is Sublime Text 3. Atom is a good second option, but I just can’t bring myself to switch to it as my main editor due to its lack of support for multi-line selection. Some plugins also don’t like to work well with each other (Autocomplete Plus & Emmet).

Appearance & Packages

I’ve been using the Soda UI theme ever since I can remember, along with the Tomorrow Night Eighties theme.

These are my current settings:

{
  "auto_complete_selector": "source, text",
  "bold_folder_labels": true,
  "caret_style": "phase",
  "color_scheme": "Packages/Tomorrow Color Schemes/Tomorrow-Night-Eighties.tmTheme",
  "font_face": "Source Code Pro",
  "font_size": 17.0,
  "hot_exit": false,
  "remember_open_files": false,
  "soda_folder_icons": false,
  "tab_size": 2,
  "theme": "Soda Dark 3.sublime-theme"
}

Terminal

iTerm is my terminal emulator of choice. Some of the features that make it great are split panes, the ability to search within the window, and autocomplete. The Solarized theme makes it nice to look at and the Consolas font makes it easy to read.

Oh-My-Zsh

Oh-My-Zsh is an open source, community-driven framework for managing your ZSH configuration. It comes bundled with a ton of useful functions, helpers, plugins, and themes. http://ohmyz.sh/

Install it with:

curl -L "https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh" | sh

iTerm Solarized Theme

Package Management

Homebrew

The missing package manager for OS X. http://brew.sh/

Install by running this in your terminal:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

After that, it’s as simple as brew install {package}. I always like having the latest versions of node, ruby, and git. To install them, run brew install node git ruby.

Gems

NPM