What’s Sublime About It?

SublimeText 3 is a powerful text editor with built-in syntax highlighting, designed to support a wide range of programming languages (including HTML, CSS, and JS ). It uses a “freemium” license model — meaning you can use it for free, but there’s one small catch: once (after each program launch, on the fifth save), SublimeText 3 will ask you to register it. The editor itself is written in the popular Python language. Its main competitor is Notepad++. Just like Notepad++, SublimeText allows plugin installation — and that’s exactly what we’ll be doing today.

Setting Up SublimeText 3

Before installing any useful plugins, we need to set up something called Package Control . To do this, go to: View -> Show Console... and paste the following command into the console:

Then wait a few seconds… and Package Control is ready to use!

Now let’s install the necessary plugins. To do that, open the Command Palette window via: Tools -> Command Palette (or by pressing Ctrl+Shift+P), and type in the command `install package`. Then hit Enter and type the name of the desired plugin.

Useful Plugins for Front-End Development

1. Emmet You’ve probably already heard of this plugin — it can seriously speed up your development process. With it, you can literally build an HTML website using just 20–30 characters! I won’t explain how it works here, since there are plenty of tutorials online — just Google it.

2. BracketHighlighter Coding gets messy when there are too many brackets (round, curly, square, angle — doesn’t matter). But don’t worry anymore! BracketHighlighter will show you exactly where your brackets open and close. In HTML, it even highlights opening and closing tags. A really handy plugin, plain and simple.

3. AutoFileName This plugin helps you write links to external files twice as fast.

4. ColorPicker Not sure what color to use for your text? Or for a block background? No worries! ColorPicker’s got you covered.

5. CSSComb This plugin formats your CSS code into a cleaner, more readable style.

Summary

Of course, this list could go on forever. But in my opinion, the plugins mentioned above are more than enough for quality front-end development with SublimeText 3 — especially if you’ve already started using the secret to writing CSS faster.

See you soon, friends!