Wern Ancheta

Adventures in Web Development.

My OSX Development Environment

| Comments

I’ve had my fair share of Windows and Linux development. This time I’d like to share with you the development tools I use in my OSX machine.


A must have for every Mac Developer, the missing package manager for OS X. If you came from Ubuntu, this is basically the same as apt-get. You can install it using ruby. Ruby already comes pre-installed in mac so you can execute the following command directly.

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

Once that’s done you can now install every developer that you can think of by using brew install. Packages in Homebrew are called formulas, you can find them on homebrewformulas.org or in the Homebrew repository at Github.


MAMP is the equivalent of the LAMP stack on Mac. It basically stands for Mac Apache MySQL PHP. You can install it by downloading the installer from the MAMP downloads page. These days I only use A of MAMP for testing scripts. Since I usually develop PHP applications using the Laravel framework which can already serve your project while you’re developing. This basically takes care of the A and P part of MAMP.

Sublime Text

I’m not a big fan of IDE’s (Integrated Development Environment) so I use a plain old text editor when writing code. My text editor of choice is still Sublime Text mainly due to how its simplicity and good performance. It just allows me to code without having to think too much about how I can use the different bells and whistles. You can download the installer from the downloads page.


Node has become quite the dependency for every thing. Development tools such as Gulp and Sass requires Node.js to be installed. Well not exactly Node.js but NPM. But why would you want to install Node without NPM? They’re like inseparable twin brothers. So better install Node which already comes with NPM since sooner or later you would also need Node anyway. You can install Node by using the Node Version Manager (NVM). You can download it by using curl and then piping it to the shell:

curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Once that’s done, you can list the node versions that are currently available.

nvm ls-remote

From there you can install the version that you want.

nvm install v0.12.7

And then finally set it as default.

nvm alias default v0.12.7
nvm use default


Git is my version control system of choice. You can install it via homebrew.

brew install git

Don’t forget to set your global config after installing:

git config --global user.name "Wern Ancheta"
git config --global user.email "myemail@gmail.com"

You can also set the credential helper to use osxkeychain. This allows you to cache your password so that you don’t need to enter it every time you push to the server.

git config --global credential.helper osxkeychain


I needed Xcode to compile and build the Cordova app that I was developing. Xcode comes with an iOS simulator which is great for testing Cordova apps to be deployed on an iOS device. You can install it using the following command:

xcode-select --install

If you don’t want to deal with the command-line, you can simply get it from the apple developer downloads page and look for the most recent version of Xcode. Be warned that Xcode is 2.6GB in size so it might take a while to download depending on your download speed.


Cordova is a set of device APIs that allows mobile app developers to access native device functions such as the camera through JavaScript. You can install it by using npm. Cordova basically does all the heavy-lifting when it comes to developing Hybrid Mobile Apps.

npm install -g cordova


Ionic is my Hybrid Mobile App Framework of choice. You can also install it with npm.

npm install -g ionic