I’ve known Sublime Text for a long time now, I remember testing it’s first public beta version around 2008/2009. I was impressed by the epic layout. But at the same time I was still too oriented towards IDEs, so I put it aside. Only too pick it up recently.
I was blown away how the community it’s so active and how extensible it is. I came from a VIM background, so I was a little reluctant to see if this would fit my needs. And it did, you can even simulate VIM by uncommenting just a few lines in the configuration.
However, this post is not about Sublime Text itself, but the plugins I use and that I recommend if you are a web developer.
10. Package control
This is a must-have plugin. It lets you install, remove and manage your plugins directly from Sublime Text 2. I’d love to see this plugin installed by default on ST2. I can’t recommend enough you use it, it’s the apt-get or nmp packet manager for Sublime.
After it’s installation all you need to do is to type shift + cmd + P, type “install” and ENTER.
9. Bracket Highlighter
Like the name states, it highlights the brackets, quotes and html tags. It’s a simple plugin, but helps a lot when working on big code files.
8. DocBlockr
One of the features I really missed from IDEs on ST2 was the ability to create PHPDoc style comments. This plugins does it, and not only it works with PHP, but it also supports Javascript, ActionScript, CoffeeScript, Java, Objective C, C and C++.
7. SideBar Enhancements
This plugin extends the sidebar menu, by adding lots of new and useful features like: Move to trash, open in browser, and even copy the content of a file as data:uri base64.
6. Prefixr
It allows you to run Prefixr on your CSS code. What it does, among other things, it helps get Cross-Browser CSS in place. So you just need to worry writing CSS3 code, and this plugin will do the rest.
5. Emmet
It’s a plugin based on the Emmet standard. If you never heard of it and you code in HTML, this will blow your mind. You can create complete layouts with just one line of code, press TAB and presto. Have a look a the official website. Highly recommend.
4. Git
Git is my favourite file version control system ever, and this plugin is a front-end for it. If you use Git on a daily basis this is a must-have. Very easy to work with, and after using it you rarely will go into the system console ever again to do common tasks.
3. JSLint
JSLint it’s a Javascript code quality tool created by Douglas Crockford, an Javascript hardcore developer. This tool helps you know what parts of your code you need to change in order to have a better sane code. Until now, you could only do it online, but with this plugin you can do it directly on ST2. If you are serious about Javascript you need this.
2. Sublime Linter
First off, you need this. This plugin is like a IDE itself, it finds errors in your code as you go. It supports dozens of languages, from PHP to Python, Java, etc..
This plugin is not only recommend but it should be mandatory.
1. Sublime CodeIntel
This is my favourite plugin for ST2. This plugins brings a little of IDE functionality into ST2. This plugin reads all your code and is able to code-complete, jump into definitions and function call tooltips.
Although sometimes looks a little buggy, it’s still worth having it around. It’s a huge time saver, especially when you are dealing with other’s people code.
0(bonus). Dayle Rees Themes
Even though ST2 comes with a beautiful package of themes, you might grow tired of it, so the Dayle Rees themes are an amazing beautiful eye-candy themes for ST2.
So I hope you find my top 10 ST2 plugins useful. Let me know if you use anything else that you’d like to share in the comments below.
Dan Philibin
January 16, 2013 at 11:09pmGreat list, found a few new useful plugins I’ve never heard of. I’d also like to share Hayaku, which has saved me so much time writing CSS: http://hayakubundle.com/
Henrique B.
January 16, 2013 at 11:10pmThat looks really nice, I need to have a look a it. Thanks for the tip Dan
Pete
January 17, 2013 at 12:48amEmmet also has CSS shortcuts like the ones I’m seeing on Hayaku’s site. May conflict if you have both installed.
Oskar Rough
January 17, 2013 at 10:07amIt’s not conflicting as Hayaku overrides the Emmet CSS functionality. For instance, I’m using Emmet for writing HTML faster and Hayaku for it’s CSS functionality.
jesse
January 17, 2013 at 12:50amDoesn’t Emmet and CodeIntel do this for CSS?
Roman Komarov
January 17, 2013 at 10:10amYes it does, however Hayaku makes a lot of things better then Emmet and any other plugin. Emmet is superb for HTML, but the CSS is not it’s focus, while Hayaku is targeted at CSS now.
There are some issues and conflicts with Emmet, but everything would be fixed someday.
R
January 16, 2013 at 11:36pmSublime is good but I still like Komodo Edit better
Tapan
January 16, 2013 at 11:42pmThis is a useful list.
Since, my dev setup includes a linux VM, I use Sublime SFTP.
Also of note, Pretty JSON.
Alastair Lockie (@larister)
January 17, 2013 at 12:53pmPretty JSON is good, however I found JsFormat to be a bit more forgiving.
Alex
March 27, 2013 at 6:52pmYep, that’s a good plugin for remotely editing files. However, if your VM is on the same machine or even same network as your editor, why wouldn’t you just create a network share and work directly out of that???
Devalchemist
March 30, 2013 at 12:49amI came from Komodo Edit before Sublime Text 2. I didn’t like a lot of what was missing at first, but after sorting through packages, I could never go back. Sublime Text 2 does everything Komodo did and does it a little better. All while looking quite a few levels sexier.
Isxek
January 16, 2013 at 11:46pmThanks for mentioning the Dayle Rees themes. They’re a great alternative to the default ones.
Nicklas
January 16, 2013 at 11:51pmI have my ST2 settings symlinked from a dropbox folder.
it’s so nice to have open tabs and packages and all other settings synced between computers.
it even works between windows and osx versions of ST2
OSX:
# move the original to dropbox
mv “~/Library/Application Support/Sublime Text 2″ “~/Dropbox/Sublime Text 2″
# symlink it back to make it work.
ln -s “~/Library/Application Support/Sublime Text 2″ “~/Dropbox/Sublime Text 2″
Windows:
# on windows you have to use NTFS directory junction point instead of symlink
mklink /J dropbox_path original_path
Henrique B.
January 16, 2013 at 11:53pmPretty good top Nicklas, never thought of that
david
January 17, 2013 at 7:20amHave you had any problems with settings being corrupted by trying to write to the same folder by two different instances of Sublime? Only asking because I’ve used this method for Transmit and it corrupts shared settings if you open on two machines at once.
andy
January 18, 2013 at 6:45pmYour positional parameters in the ln -s are reversed. Specify source, dst
http://www.unixtutorial.org/2008/02/unix-symlink-example/
duncan
March 23, 2013 at 1:54amI used this dropbox sync approach for a little while back in early 2012 and encountered the problems you are rightly concerned about when updates in two instances of ST2 clashed.
I set up making a daily backup of the relevant dropbox folder into each machine to ensure rollbacks were sanely possible but I ended up just making my updates around my various machines manually because I kept tripping myself up. However, a little bit more discipline than I had (have?) in using one machine as the ‘master’ can be just as successful.
So it is a great tip and well worth trying out (especially if you have stabilised your ST settings and plugin set) but do go in with your eyes open that there is a small risk if you don’t apply discipline and thought to how you use it.
Matthew Hughes
January 17, 2013 at 12:20amGreat list. I’ll be sure to check out Sublime Linter!
Jay K
January 17, 2013 at 12:57amIf you code in C++ on OSX, I would advocate SublimeClang. It compiles my C++ code when it is saved and alerts me of errors right in ST2.
Lauren Proctor
January 17, 2013 at 1:25amGreat list. I’m excited to try a few of these.
A couple of my favorites include:
Markdown Preview: https://github.com/revolunet/sublimetext-markdown-preview#readme
BrowserRefresh – Saves your files and refreshes your brower with a single key command: https://github.com/gcollazo/BrowserRefresh-Sublime
Virendra Rajput
January 17, 2013 at 2:51amI m a Sublimetext fan for almost a few months now.
Since I m a Python fanatic, I love the Pylinter which comes handy, and resolves the the syntax errors while saving the files.
Oliver
January 17, 2013 at 4:13am- IncDec [1] is awesome. Increase / decrease of numbers, dates, hex color values, etc.
- MarkdownEditing [2]. Making SublimeText my favorite text editor.
[1] https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value
[2] https://github.com/ttscoff/MarkdownEditing
Ugh
January 17, 2013 at 6:08amIt’s Git (or git), never GIT. It’s not an initialism.
J. Smith
January 17, 2013 at 6:23amJust like you I had a few whiles with ST long time ago, but left it for similar reasons. Now I’ll give it closer look. Thank’s for the post.
Nathan
January 17, 2013 at 6:31amGreat list. Also have a look at SFTP Plugin (not free — although unlimited free trial) .
Max Ehsan
January 17, 2013 at 7:56amNice list. I am a fan of the Soda theme btw.
Alexander
January 17, 2013 at 8:00amIf you are using Rails, check out this plugin: http://say26.com/rails-file-switcher-plugin-for-sublime-text-2
It allows you to switch between your models, controllers and views really fast.
Mark
January 17, 2013 at 8:14amGreat list!
I use rsub (https://github.com/henrikpersson/rsub) everyday to open files via SSH.
michal
January 17, 2013 at 9:12amIf you’re using Mac don’t bother with any other Git client that SourceTree. The best tool out there, shame that it’s Mac only. No IDE or ST2 plugin will beat that.
Also drop JSLint (too nazi) in favor of JSHint. However, I noticed that both these linters slow down my ST2 a little bit so now I’m just using CodeKit for that kind of things (but also compiling .less or .scss files). (Not true that you can only use JSLint/JSHint online).
Nitin
January 17, 2013 at 11:19amWhy do u have JSlint separately, Sublime Linter has inbuilt support for JSLint
Henrique B.
January 17, 2013 at 11:23amIt’s a little redundant I know, but I use JSLint because I can just press CMD + J and get a full report where the code needs to change.
Alastair Lockie (@larister)
January 17, 2013 at 12:54pmGreat list; I’d also recommend Automatic Backups (https://github.com/joelpt/sublimetext-automatic-backups). It’s one of the oldest plugins for ST 2 but is great for having around in case of a gitastrophe.
Colin
January 17, 2013 at 4:46pmI highly recommend sublimelint over SublimeLinter.
https://github.com/lunixbochs/sublimelint
Artem Sapegin
January 25, 2013 at 9:20amWhy is it better? Does it support JSHint or JSLint only?
James
January 18, 2013 at 1:10amThanks for taking the time to write up this list, I’ve just installed most of them!
JD Isaacks
January 18, 2013 at 4:26amYou should check out GitGutter: https://github.com/jisaacks/GitGutter
Matty
January 24, 2013 at 6:36pmI installed GitGutter this morning and instantly found it incredibly useful.
I find the “Gist” package very useful as well, as I use GitHub a lot for repositories and sending quick Gists when doing WordPress development.
With two simple shortcuts, I can create a private Gist on GitHub and have the link pasted to my clipboard. What a pleasure!
Joshua Mims
January 18, 2013 at 2:36pmPrefixr isn’t listed as an installable package.
kOoLiNuS
January 18, 2013 at 4:43pmI’m stopping by just to say thanks for sharing with us! Thanks
Dev | Annotary
January 19, 2013 at 1:25am[...] Alfredo Lopez: Inspiration Random Industry Talk and Opinions News Sort Share http://www.henriquebarroso.com 4 minutes [...]
Bookmarks for 19th January 2013 | Lednor.Com
January 19, 2013 at 8:02am[...] My Top 10 Sublime Text Plugins | Henrique Barroso – I’ve known Sublime Text for a long time now, I remember testing it’s first public beta version around 2008/2009. I was impressed by the epic layout. But at the same time I was still too oriented towards IDEs, so I put it aside. Only too pick it up recently. [...]
Pedro Sampaio
January 19, 2013 at 3:13pmI have to say that I was a bit reluctant to try ST2. Just yesterday, I tried a couple of editors (TM2, Coda, Expresso, …). All great editors but neither fit all of my requirements. Today I tried ST2 (thanks to your post) and I was blown away of it’s usability, performance and amount of plugins available.
Obrigado
Essential Tools of the Trade | The Road from Cowboy Coding
January 20, 2013 at 1:49am[...] Sublime Text 2 is evolving rapidly while staying lightweight and fast. Check out this list of must-have plugins. It ain’t free and while it’s well-worth every penny, you can use the full-featured [...]
Links & reads for 2013 Week 3 | Martin's Weekly Curations
January 20, 2013 at 4:32pm[...] Top 10 Sublime Text Plugins [...]
Bookmarks for January 23rd | Chris’s Digital Detritus
January 24, 2013 at 3:03am[...] My Top 10 Sublime Text Plugins | Henrique Barroso – [...]
Magento Dev Uk
January 25, 2013 at 1:38amThanks for the selection of resources, saves me trawling the web, prefixr will especially come in handy. Another for the list worth a mention is FitText.
Bruce Lawson’s personal site : Reading List
January 25, 2013 at 4:39pm[...] My Top 10 Sublime Text Plugins [...]
Sublime Text: Package Control behind a Proxy and Awesome plugins | Musings of the Half Dead
January 27, 2013 at 12:13am[...] you are eager to test-drive the package manager, this post should help you choose the right [...]
Dominique Briggs
February 7, 2013 at 1:31pmWoooah Emmet!! (where have I been!?)
BlogBuzz February 9, 2013
February 9, 2013 at 9:59am[...] My Top 10 Sublime Text Plugins [...]
Triangles, Sublime Text Plugins and Geolocation | Treehouse Show
February 12, 2013 at 2:38pm[...] My Top 10 Sublime Text Plugins http://www.henriquebarroso.com/my-top-10sublime-2-plugins/ [...]
Triangles, Sublime Text Plugins and Geolocation | Treehouse Show Ep 27 | Good looking DESIGN
February 12, 2013 at 4:05pm[...] My Top 10 Sublime Text Plugins http://www.henriquebarroso.com/my-top-10sublime-2-plugins/ [...]
Triangles, Sublime Text Plugins and Geolocation | Treehouse Show Ep 27 | Html5 Tutorials
February 14, 2013 at 8:03am[...] My Top 10 Sublime Text Plugins http://www.henriquebarroso.com/my-top-10sublime-2-plugins/ [...]
Sublime Text 資源整理 | ihower { blogging }
February 17, 2013 at 7:46am[...] MY TOP 10 SUBLIME TEXT PLUGINS [...]
Commonly Used Software – TDAS Creative/UX Wiki
February 21, 2013 at 1:58pm[...] Top 10 Sublime Packages [...]
John
March 10, 2013 at 11:19amWell done sir.
André Bergonse
March 16, 2013 at 10:38pmGreat list, thanks! To add one more, if you work with xml files a lot you might be interested in prettifying them easily, here’s how: http://www.bergspot.com/blog/2012/05/formatting-xml-in-sublime-text-2-xmllint/
saeed
March 22, 2013 at 8:58amvery goood. tnx
My Top 10 Sublime Text Plugins | Henrique Barroso | My CMS
March 23, 2013 at 9:17pm[...] My Top 10 Sublime Text Plugins | Henrique Barroso. [...]
Adam Powell
March 24, 2013 at 6:24amI am a fairly new developer and I learned about Sublime Text from a mention in a Paul Irish video on YouTube, knowing nothing of the “editor wars” and having really only used Adobe Dreamweaver in the past…what a godsend it’s been!
I found a ‘quick setup’ repo on Github: https://github.com/mrmartineau/SublimeTextSetup that is not only time saving but also links to many plugins in one place.
Aside from the things mentioned previously, as a front-end web dev, I have found Color Highlighter to be great.
I have noticed something strange regarding Hayaku…it shows up from Package Manager on a PC but not on a Mac. I dunno why…anybody know?
I mainly use Mac so even if it doesn’t show up I assume I’d be OK using git to download, right?
Leonardo
March 26, 2013 at 3:24amCongrats dude. Great list.
kesty
March 26, 2013 at 8:52amNice share……….. there are still dozens of plugins out there like plugins for so MVC framework autocompletion
David
March 26, 2013 at 6:42pmHere is a new one to add to the list http://sokolovstas.github.com/SublimeWebInspector/
Christian Z.
April 14, 2013 at 2:43amIs there a plugin for it where you can click a button and it inserts a particular tag or you can highlight a block of text and then click the button and it wraps the highlighted chunk in the particular tag? The old Allaire HomeSite used to have this feature and I use it all the time. Note that this is not the same as WSIWYG; it’s just a quick way to insert a tag. The Bluefish code editor also has this feature. Basically I am trying to find one editor that has all the features I want and Sublime Text seems the closest but if it had this feature that would seal the deal for me.
开发人员常用的10个Sublime Text插件Lady Love IT | Lady Love IT
April 17, 2013 at 4:03pm[...] 整理自：henriquebarroso.com [...]
Day Trading
May 7, 2013 at 7:34amIt is an awesome as well as practical piece of information and facts. Now i’m joyful that you choose to contributed this useful information and facts along with us. Please be you up to date such as this. Many thanks for discussing.
all plugins, free download, mac osx, windows, full, free, sylenth1, massive, nexus, fl studio, daw, download, best, crack, serial, keygen, preset, presets, soundbanks, ableton,
May 12, 2013 at 6:45pmI am not positive the place you’re getting your info, however great topic. I must spend some time learning more or understanding more. Thanks for excellent info I was searching for this information for my mission.
vineyards in prince edward county ontario
May 14, 2013 at 2:46pmhello!,I like your writing very much! percentage we keep up a correspondence extra approximately your post on AOL? I need an expert in this house to resolve my problem. May be that is you! Having a look forward to peer you.