Sublime Text 3 is one of my favorites piece of software. It is a clean, functional, super customizable and fast code editor. It has some awesome built in features like multi line edit and a vi mode. And thanks to his extremely active community you have an almost unlimited support for plugins, snippets, themes and many other things.
Some of my friends saw some of my plugins and asked me to help them pimp their editor, I gladly accepted. This is my personal compendium of all things sublime. As things come around I’ll try to update this post or make another one.
This might seems pretencious but you must install Sublime’s package manager. At the time of this post you must do it manually, but don’t worry is beyond easy. Here is the official tutorial. I prefer to link to the original source in case something changes. But the gist since Sublime Text 2 is that you copy the code they provide an paste it in the console. You can open the console via ctrl+` shortcut or the View > Show Console. Remember to have an active internet connection.
If you have multiple computers or if you want to keep your tweaks save you might want to upload your Sublime configutarions somewhere safe. I used this awesome tutorial to sync your configurations on multiple media. I personally use Dropbox and it works really well on 3 different computers. It will upload all the changes you will do today. There is also a special plugin for this. I have used it, but I still prefer Dropbox.
To install a package use Ctrl+Shift+P or CMD+Shift+P to open the package manager or go to Preferences > Package Manager and type Install package. Then type the name of one of the following packages:
Emmet is the absolute time saver if you are a web developer. It will let you add HTML and CSS code blazing fast and impress all the girls. Just remember rule 37 of the internet.
It has a really simple syntax and is a must learn, because you can turn this:
Into this, with just a TAB
Bracket and tag highlighter for Sublime Text and it will help you don’t go crazy when you code.
This will help up beutify your code in no time. Really good for the OCD we all have inside.
A multi-platform color picker plugin. No more HEX problems.
Is an Enhancements to Sublime Text sidebar. Files and folders. Or like I like to call it “Just add this already!”.
If you want to connect throught FTP this ones are the best. I use SFTP.
I use git as my VCS. This plugins adds all the functionality you need.
This plugin allows for faster file creation within a project.
This is an interactive code linting framework for Sublime Text 3, in short it shows errors you might have. It is quite useful but needs some tweaking to get it going.
There are a lot of themes for Sublime Text. To keep up with the latests fashions in the Sublime Text Industry visit the available themes from the Package control site.
{
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/Theme - Flatgrammer/Flatgrammer.tmTheme",
"default_encoding": "UTF-8",
"default_line_ending": "unix",
"detect_indentation": false,
"draw_white_space": "all",
"ensure_newline_at_eof_on_save": false,
"fade_fold_buttons": false,
"file_exclude_patterns":
[
".DS_Store",
"Desktop.ini",
"*.pyc",
"._*",
"Thumbs.db",
".Spotlight-V100",
".Trashes"
],
"folder_exclude_patterns":
[
".git",
"node_modules"
],
"font_size": 16,
"highlight_modified_tabs": true,
"hot_exit": false,
"indent_guide_options":
[
"draw_normal",
"draw_active"
],
"index_exclude_patterns":
[
"*.log",
"C:\\SourceCode\\radev*"
],
"line_padding_bottom": 6,
"line_padding_top": 1,
"match_brackets": true,
"match_brackets_angle": true,
"quick_panel_small": true,
"remember_open_files": false,
"save_on_focus_lost": true,
"show_encoding": true,
"show_line_endings": true,
"sidebar_size_14": true,
"tab_size": 2,
"theme": "Flatgrammer.sublime-theme",
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"use_tab_stops": true,
"word_wrap": true
}
[
// swap the keybindings for paste and paste_and_indent
{ "keys": ["ctrl+v"], "command": "paste_and_indent" },
{ "keys": ["ctrl+shift+v"], "command": "paste" },
{ "keys": ["super+v"], "command": "paste_and_indent" },
{ "keys": ["super+shift+v"], "command": "paste" },
// Reindent key Binding
{ "keys": ["ctrl+shift+r"], "command": "reindent" },
{ "keys": ["super+shift+r"], "command": "reindent" }
]
Be careful to add the ones you don’t have or to check what they do.
I have the VIM module activated in Sublime Text 3. I also use a plugin called Vintageous. To add VIM you just have to take Vintage from the ignored_packages in your personal settings.
I hope you liked this compendium. Please leave a comment on the slightest whim!