How to drain every single drop of juice out of Sublime Text
Table of Content
- Package Control
- Must have packages
- Custom Syntax Highlighters
- Themes and Schemes
- Other essential and interesting Packages
Countless frontend developer use Sublime Text and I'm no exception. This piece of software is so awesome, functional and customizable that forces you to love it. Anyway, in this blog post I will share some of the packages and settings I'm using daily and since they make my day so much easier (This post will focus on Sublime Text 3 since I've switched to it about a month ago).
Before we dig deep into the package world of Sublime Text, let me first quote a description of what Package Control is.
A Sublime Text 2/3 package manager for easily discovering, installing, upgrading and removing packages. Also includes an automatic updater and package creation tool. Packages can be installed from GitHub, BitBucket or custom package repositories. The plugin uses a channel and repository system to allow users to find new packages over time without any work. It also supports working with packages that were manually installed.
There are different instructions depending on the version of Sublime Text you are using:
To install a package via Package Control you first have to display the Package Control palette which you can do by either using the shortcut
P or by using the menu and going to
Package Control. You will now be presented with the Package Control palette which offers you some options, one of them is
Package Control: Install Package. Once you select it, the palette will display a list of available packages you can choose to install. Once you choose a package for installation, a message will appear in the status bar indicating the installation process, at the end of which you might need to restart Sublime Text so that the package can be initiated.
Most of Sublime Text's functionality comes from the Packages you decide to install. What I mean by functionality? Thats:
- build systems
- system highlighting
- themes and color schemes
- text handling functions and shortcuts + more
- Sublime Text UI enhancers
note #1: To install these all you have to do is type the name you in the title of the package you like in the
Package Control: Install Package feature.
note #2: All of these packages are supported by Sublime Text 3, and most should be supported by Sublime Text 2 as well.
It's a bracket and tag highlighter for Sublime Text
Enhancements to Sublime Text sidebar. Files and folders.
Keep your Sublime Test installation synchronized across different machines. It syncs your user folder and you can define which files you would like to include in the sync. You can also exclude files from the sync for example platform-depending settings or packages.
HTML5 bundle for Sublime Text forked by Textmate's HTML5 bundle
the essential toolkit for web-developers. Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimized for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too.
Emmet CSS snippets for Sublime Text. Works with CSS, LESS, SCSS and Sass.
Hunspell UTF8 dictionaries for Sublime Text. [Spell check]
Full-featured code intelligence and smart autocomplete engine
The TextMate SCSS Official Bundle. Now Compatible with SublimeText
You can now get your .htaccess files with syntax highlighting
syntax highlighting for git files
syntax highlighting for .ini files
This is by far the most used theme of Sublime Text Dark and light custom UI themes for Sublime Text 2 and Sublime Text 3.
I'm always switching between Tomorrow or Tomorrow Night when writing code, it's just so easy on my eyes.
I use this quite a lot when writing blog posts in markdown. This you can't find to Package Control but you can add by opening the Package Control panel, selecting
Package Control: Add Repository and then inserting this url:
https://github.com/MarioRicalde/TextMate-Kuroir-Theme.git. After that you can install it just like any other package listed in Package Control.
A ton of awesome color schemes Sublime Text 2 Themes (textmate) created by Dayle Rees.
QuickThemes allows you to easily cycle through any combination of Sublime Text 2 preferences. The obvious use is for changing color schemes, themes, and fonts simultaneously, but any of the ST2 preferences are available.
Add git commands to sidebar. Textual port of komodin extension for sublime text.
A Sublime Text 2/3 plugin to see git diff in gutter
Gitignore plugin for Sublime Text
A Sublime Text plugin that beautifies Sass files.
On statusbar and on command palette.
HTML(5) attribute completions
Shows diffs between the current file, or selection(s) in the current file, and clipboard, another file, or unsaved changes.
helps developers define and maintain consistent coding styles between different editors and IDEs - Sublime plugin
Sublime plugin to prefix your CSS
Error highlighting in Sublime Text.
Sublime Text plugin to sync project sidebar (folder view) with currently active file.
For more you can check package control's website. It contains a list of popular, trending and new packages, it also gives you the ability to search by label or by text input.
You need to know how settings work in Sublime Text before we continue. If you open the preferences menu you will notice these options:
- Settings - Default
- Settings - User
- Settings - More
- Syntax Specific - User
- Distraction Free - User
Settings - Default contains all the default options that Sublime Text has and is a good reference for what options are available and it also includes some inline documentation for each option. Be careful with Settings - Default, never modify it! All the changes you make in Settings - Default will be most possibly lost after the next update. And that's why Settings - User exists.
By default this file is empty, and it's purpose is to override options from the Settings - Default file. So when you want to override an option you add it in here.
These options are specific to the syntax of the current document. For example, if your currently open document has a syntax highlighting of Markdown then the by opening Syntax Specific - User from the menu will open the file that's specific to Markdown (
Markdown.sublime-settings). It works similar to Settings - User but the options you override will be specific to Markdown files.
These options are specific to the Distraction Free mode which can be toggled via the
F11 shortcut. Just like Syntax Specific, the options you override in this file will only work when you are in Distraction Free mode.
Here are the available options (as of 1st of October 2013)
You can check the settings I'm currently using by visiting this link.