My Sublime Text 2 Setup

I use Sublime Text as my editor. So I’m documenting here my setup of Sublime Text.

Installation

Sublime Text 2 is the current version (3 is in beta) so to get started we’ll download and install the software from the download page.

Package Control

To help with the setup of pretty much everything in regards to Sublime Text I use Package Control.

To install follow the instruction at outlined on the website.

Once installed package control can be access via command + shift + p or (⌘⇧p) from there I generally search for package and I will see all the available options in regards to package management.

Sublime Text 2 - Package Control

Appearance

Theme – Soda

I love customising the look of things especially when the default look leaves a little to be desired. But that’s what I like about Sublime Text is it’s ability to be setup just how you like it.

There is a great theme that I use called Soda.

Soda Light

To install Soda, open the package manager (⌘⇧p), type Install Package press enter, and then Theme - Soda and press enter.

To activate the theme, open the preferences file via command + , or (⌘,).

This is a JSON file where user settings can be altered and we’ll be adding more later. At the moment add the line:

"theme": "Soda Light.sublime-theme"

So your file might look something like this.

{
"theme": "Soda Light.sublime-theme"
}

NOTE: You need to be careful about the need for commas as the preference file gains more options. For instance my file started off looking like this:

{
"ignored_packages": ["Vintage"]
}

So when I was putting in my setting for the theme my file needed to look like this:

{
"theme": "Soda Light.sublime-theme",
"ignored_packages": ["Vintage"]
}

Notice the comma the theme setting line now required as every setting except the last requires a comma to separate them.

You may have to restart the editor, or open a new window, for the theme to activate.

Color Scheme – Tomorrow Night

Sublime text 2 uses the old textmate theme formats and by default uses Monokai.tmtheme which isn’t to bad.

But I have found a theme I like in the Tomorrow Theme set, and in particular the Tomorrow Night Eighties theme.

Tomorrow-Night-Eighties

To install Tomorrow Color Theme, open the package manager (⌘⇧p), type Install Package press enter, and then Tomorrow Color Schemes and press enter.

To activate the theme, open the Sublime text 2 drop down menu, Preferences > Color Scheme > Tomorrow Color Schemes and select the scheme you would like to use.

Font – Anonymous Pro

I also like to change the font and across iTerm etc. I like to use Anonymous Pro. You can download anonymous pro via this link.

Anonymous Pro

To install the font onto your system I use font case but font book that is already on you mac will do.

Once the font is installed open the preferences file via command + , or (⌘,) and add in the options.

"font_face": "Anonymous Pro",
"font_size": 14,

My user settings at the end looks like this:

{
"theme": "Soda Light.sublime-theme",
"color_scheme": "Packages/Tomorrow Color Schemes/Tomorrow-Night-Eighties.tmTheme",
"create_window_at_startup": false,
"font_face": "Anonymous Pro",
"font_size": 14,
"tab_size": 2,
"auto_complete_commit_on_tab": true,
"caret_style": "solid",
"ensure_newline_at_eof_on_save": true,
"highlight_line": true,
"highlight_modified_tabs": true,
"line_padding_bottom": 3,
"line_padding_top": 3,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"wide_caret": true,
"word_wrap": true,
"file_exclude_patterns": [".DS_Store"],
"folder_exclude_patterns": ["bin", ".bundle", ".git", ".sass-cache", "tmp"],
"ignored_packages": ["Vintage"]
}

You may have noticed some other options in there that I haven’t mentioned. If you want to know what they do you can do the following; open the Sublime text 2 drop down menu, Preferences > Settings Default and that file will outline most of the settings with details on what they do.

That’s it at the moment as far as changing the look and feel of the editing environment in Sublime Text 2. There is a lot you can change and explore yourself further.

Icon

I’m not a huge fan of the default icon so like others I went in search of a replacement.

I originally stumbled across a few different icons and I find dribble a good source of replacement icons.

I originally settled on this one by Mathias Vagni.

Alternative Sublime Text 2 Icon by Mathias Vagni

But I also found this great article from Alex Maccaw on his setup of Sublime Text 2 and he had a good option for an icon by Elliot Jackson

Sublime Text 2 Replacement Icon by Elliot Jackson

Alex’s article also has a great way of copying in the new icns file you have downloaded so I will put it in line here but you should also check out Alex’s article as it is a very good rundown of his setup and has some different items in it.

So to copy across the icns file after you have downloaded it:

$ mv ~/Downloads/st2.icns /Applications/Sublime\ Text\ 2.app/Contents/Resources/Sublime\ Text\ 2.icns

Packages

Here is a list of packages I install:

SideBarEnhancements – Adds useful file operations to the sidebar, such as ‘New file’, ‘New folder’ etc.
BracketHighlighter – will highlight brackets (or defined bracket like start and end blocks) surrounding the cursor.
CoffeeScript – the name says it all.
Emmet – a plugin which greatly improves HTML & CSS workflow.
MoveTab – Plugin for Sublime Text to move tabs around.
SublimeLinter – a plugin that supports “lint” programs (known as “linters”). SublimeLinter highlights lines of code the linter deems to contain (potential) errors.
GitGutter – A plugin to show an icon in the gutter area indicating whether a line has been inserted, modified or deleted.
SublimeCodeIntel – Code intelligence plugin.
DashDoc – provides integration of Dash into Sublime Text.
ColorHighlighter – a plugin which unobtrusively previews hexadecimal color values by underlaying the selected hex codes.
Sublime Alignment – A simple key-binding for aligning multi-line and multiple selections in Sublime Text 2.

As for installing them, they all follow the previous pattern of open the package manager (⌘⇧p), type Install Package press enter, and then search for the package you are after and once selected press enter.

And that’s my setup.