18 Awesome Plugins to Enhance Sublime Text

You know, Sublime Text is a pretty cool tool for web developers. It’s got some great features that make our lives easier. But you know what? It’s always nice to have a little something extra to spice things up. That’s where plugins come in handy. And let me tell you, we love ourselves some plugins.

But before we dive into the magic of plugins, why not take a quick look at some of our previous posts about Sublime Text? They’ll give you a taste of what this awesome tool can do all on its own:

• Easy Color Picking In Sublime Text
• Manage Notes And Lists With Sublime Text
• How To Compile Sass With Sublime Text
• How To Refresh Changes On Browser With Sublime Text
• Adding CSS Vendor Prefix Automatically With Sublime Text

In this post, I want to share some plugins with you that can help fill in the missing features of SublimeText.

First things first, you need to install Package Control right after setting up SublimeText. Package Control makes it easy to install, upgrade, remove, and view the list of packages or plugins you have installed in SublimeText.

2. Emmet

Let me introduce you to Emmet, a handy tool that helps me write HTML and CSS in a jiffy using shortcuts and abbreviations. It’s a real time-saver!

With Emmet, I can quickly create 12 lists of headings and images, ready for me to add my content. It’s so convenient – no need to worry about messing up the formatting!

3. SublimeLinter

SublimeLinter has had a recent makeover and upgrade for SublimeText 3. The latest release brings along a bunch of new and improved features. Instead of bundling all the linters together in one package, now you have the freedom to choose and install only the ones you need on a regular basis.

4. SublimeEnhancements

SublimeEnhancements brings some exciting new features to the Sidebar menu. Now, you have even more options to enhance your workflow. Let’s take a look at what’s in store:

• New File Creation: Ever wanted to quickly create a new file in your current project folder? With SublimeEnhancements, you can do it right from the Sidebar menu. No more digging through folders!
• Moving File and Folder: Tired of manually moving files and folders around? Now, you can effortlessly do it from the Sidebar menu. Just a few clicks, and your files will be in their new home.
• Duplicating File and Folder: Need to duplicate a file or folder? SublimeEnhancements has got you covered. Simply select the file or folder, and with a couple of clicks, you’ll have an identical copy ready to go.
• Open in Finder and Browser: Want to quickly open a file or folder in Finder or your default browser? SublimeEnhancements makes it a breeze. Say goodbye to manual navigation and say hello to streamlined file access.
• Refresh: Sometimes, your Sidebar menu might not update with the latest changes. No worries! SublimeEnhancements allows you to refresh the menu with just a click, ensuring you always have the most up-to-date view of your project.
• And more: This is just the tip of the iceberg. SublimeEnhancements offers a plethora of additional features to explore, making your experience even more delightful and efficient.

With SublimeEnhancements, you can supercharge your Sublime Text workflow and take your productivity to new heights. So why wait? Give it a try and experience the power of enhanced sidebar functionality for yourself.

5. Explore Your Packages with PackageResourceViewer

Hey there! Have you ever wondered how to get a closer look at those handy packages that come with SublimeText? Well, wonder no more, because I’ve got just the tool for you – PackageResourceViewer!

With PackageResourceViewer, you can effortlessly view and even edit those packages right within SublimeText. It’s like having a backstage pass to all the awesome features and functionality packed into your favorite text editor.

But wait, there’s more! PackageResourceViewer also lets you extract any package you want and copy it to the User folder. This way, you can tinker and customize to your heart’s content, all in a safe and protected environment.

So, why wait? Take control of your SublimeText experience with PackageResourceViewer and unlock a world of possibilities. Trust me, you won’t be disappointed!

6. Git

Hey there! I’ve got some exciting news for all you SublimeText users out there. Did you know that you can now integrate SublimeText with Git? That’s right! With this amazing plugin, you’ll be able to perform some Git commands right from within SublimeText. How cool is that?

Now, let me break it down for you. This plugin makes it super easy to do things like adding and committing files, viewing logs, and annotating files, all without leaving the comfort of your SublimeText editor. No more switching back and forth between different tools – sounds pretty convenient, right?

So, whether you’re a Git ninja or just getting started with version control, this plugin will have you covered. It’s like having the power of Git at your fingertips, ready to help you streamline your workflow and make your coding life a whole lot easier. Trust me, once you give it a try, you won’t want to go back.

7. Terminal

Imagine this. You’re working on your project in Sublime Text, and suddenly you need to execute some command lines. But instead of going through the hassle of finding your project folder in Terminal, you can have a handy plugin to do the job for you – Terminal!

With Terminal, you can effortlessly open your project folders in Terminal directly from Sublime Text, all with just a simple hotkey. No more wasting time navigating through directories and manually opening Terminal windows. This plugin is here to make your life easier.

Whether you’re a coding pro or just starting out, Terminal is a must-have tool in your Sublime Text arsenal. It allows you to seamlessly switch between Sublime Text and the command line, enabling you to stay in your coding flow without any interruptions.

So, next time you need to execute command lines at a specific folder, just hit that hotkey, and voila! You’ll be in Terminal, ready to take control and unleash your command line wizardry.

8. CSSComb

CSSComb is like a magic wand for your CSS. It’s a handy plugin that helps you tidy up and organize your CSS properties. Basically, it sorts them out in just the right order. And hey, if you’re working with a team of developers, each with their own code-writing style, you can customize the order of the properties to keep everyone happy.

9. CanIUse

Hey there! I wanted to share this awesome plugin I found called CanIUse. It’s super helpful when you want to know if a certain CSS property or HTML element is supported by different browsers. Let me tell you how it works!

First of all, all you need to do is highlight the CSS property or HTML element you’re curious about. Once you’ve done that, CanIUse will take you straight to the right page on CanIUse.com.

Isn’t that cool? No more wasting time searching for compatibility tables or worrying if your code will work on different browsers. CanIUse has got you covered!

10. Get Your Codes in Line

Hey there! Let’s talk about alignment, an awesome tool that can make your codes look super neat and readable. With alignment, you can easily line up your PHP, JavaScript, and CSS codes, making them much easier to read and understand. Check out the cool before-and-after comparison in the screenshot below!

11. Trimmer

Hey there! I’ve got a super useful plugin to share with you called the Trimmer. It’s an awesome tool that can help you clean up your code by getting rid of unnecessary spaces and trailing spaces. You know, those pesky spaces that can sometimes cause errors in JavaScript? Well, the Trimmer takes care of them for you!

12. ColorPicker

Hey there! This awesome plugin called ColorPicker lets you easily choose and apply colors in SublimeText using the color wheel that comes with your operating system. Cool, right?

13. Markdown Editing

So, here’s the thing – SublimeText can look at Markdown files and even change them, but it doesn’t really know what to do with them. It treats them like any old plain text, with no special formatting or anything. It’s like trying to read a recipe without any ingredients or measurements – not very helpful.

Luckily, there’s a plugin for SublimeText that can fix this. It’s called Markdown Editing, and it’s like a magic tool that gives SublimeText the superpowers it needs to handle Markdown files like a pro. With this plugin, you’ll get all the proper colors and highlighting that you need to make your Markdown files really pop.

So, if you’re a fan of Markdown and love using SublimeText, this plugin is definitely for you. It’s like the missing puzzle piece that makes everything fit together. With Markdown Editing, your Markdown files will be transformed from boring old plain text to a colorful and vibrant masterpiece. Give it a try – I promise you won’t be disappointed!

And there you have it. Markdown Editing – the plugin that turns SublimeText into a Markdown wizard. Get it now and unlock the full potential of your Markdown files!

14. FileDiffs

Hey there! Are you looking to compare two files in SublimeText? Well, you’re in luck because with FileDiffs, you can easily see the differences between two files. No need to stress about it!

With this awesome feature, you can compare files using data you copied to your Clipboard, a File in your Project, a File that is currently open, or even between saved and unsaved files. How cool is that? Now you can keep track of all the changes you make without any hassle.

15. DocBlockr

Have you ever struggled with creating documentation or annotations for your code? I know I have! That’s where DocBlockr comes in. It’s like having a super-smart assistant that helps you write documentation effortlessly. Just by looking at your functions, parameters, and variables, DocBlockr can generate suggestions for your documentation.

16. Custom Themes

Would you believe it? Changing the theme can actually spark your creativity and inspire new ideas. Check out these awesome custom themes that can give SublimeText a whole new, and maybe even better, appearance.

17. Snippets

Do you want to write code faster? Well, let me introduce you to snippets. These little snippets of code can be reused, saving you time and effort. And the good news is, you don’t have to create them from scratch! There are already pre-made snippet packages available for you to use. Here are a few examples:

• Foundation – This package has snippets for the Foundation 5 framework. It includes buttons, tabs, and navigation components.
• Bootstrap 3 – If you prefer Bootstrap, this snippet package is for you.
• Bootstrap 3 for Jade – Love both Bootstrap 3 and Jade syntax? You’re in luck! This package combines them for you.
• jQuery Mobile – If you’re building jQuery Mobile components or layouts, this snippet collection will come in handy.
• HTML5 Boilerplate – Creating HTML5 Boilerplate documents is a breeze with this snippet.

18. Additional Syntax Support