Sublime Text Set-up
My personal set-up for Sublime Text 2.
I have to hot desk a lot and move around. I can’t always guarantee I will be on a Mac or PC, so I have stored my preferences on this Gist.
Some explanation around some of these settings.
This line makes the folders in the sidebar bold. Helpful as a visual cue, even if you rely on Cntrl+p most of the time.
I have tried quite a few themes and eventually settled (currently) on the Monokai Extended Theme, it adds support for Markdown which is important to me.
This line draws horizontal rules and is super helpful for visually checking your code indents are correct.
We don’t want to include white space in code if we can help it, so this line helps us see and address those issues.
Andale Mono has been my coding font of choice for many years. It’s mono-spaced, easy to read at different sizes and has easy to distinguish characters such as 0 and o.
Highlights the selected line. Great because you never loose your cursor.
This highlights a tab orange if it has unsaved content on it. A great visual cue if you tend to hop around files a lot and forget to save.
I default to a tab size of two spaces. This is because I often have to work in many different coding environments and I want my code to always look well indented. If I used tabs the code can look a mess on another persons machine, depending upon how they have their enviornemnt set up.
If you create an opening bracket, these line automatically add the closing bracket.
I always find it really helpful when I open my code editor in the morning that what I was working on previously is open and ready to go.
I like being able to scroll past the end of a file so what I am working on is in the middle of the page, I’m picky like that. The second line increases the scrolling speed a touch, I am impatient.
To update your user preferences to use the elements you like go to:
and paste the code from the gist. Remember, your user preferences don’t override the defaults so you should never break anything.
My Installed Packages
Install Package Control, then add the following:
- All Autocomplete
- Markdown Preview
- Monokai Extended theme
- Nettuts+ (Fetch)
- Sidebar Enhancements
- Sublime Linter
- Syntax Highlighting For Sass
- CSS Comb
- Git Gutter
- Bracket Highlighter
- Function Name Display
Code Short-cut Reminders (OSX)
Search DOM really quickly:
Go to Line number:
Code Specific Settings
To set-up a code specific file in sublime open the type of file you want to edit (e.g. for a Stylesheet open a .CSS file) then go to Sublime Text 2 menu:
This will then be the file for the selected syntax ONLY. Otherwise it defaults to your preferences file.
For Markdown and Multi Markdown files I use the following Gists:
Maintaining Code Consistency
My configuration file for CSS Comb is here. I tend to order my files by most frequently edited properties grouped together near the start and less used near the end. My reasoning for this is that errors are usually spotted very quickly.
Because I can be working on multiple machines with different machine names I don’t like to include the project or workspace files in a Git commit, so I exclude them to avoid polluting someone else’s set-up.
Projects are super simple to set up there are multiple methods, but my preferred method is to drag the project folder on to the Sublime Text icon in the dock, this should open up the project in the side bar.
I then go to:
Type a name and save the project files in the root of the project.
To switch projects really fast press:
Updated: 4th September to include code short-cuts, project information and more process information.
Updated: 23rd October to include additional packages.