Sublime Text is one of the most popular code editors you can find, and for good reason. Out of the box, it’s got tons of cool features to help programmers be more productive like split editing, syntax highlighting, multiple selections, custom key bindings, macros, and lots more. Jul 14, 2021 Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.
The world of IDE software is massive with programs for every operating system. My personal favorite is Sublime Text, and I use it for all my coding projects.
Aside from Sublime’s many optional themes, keyboard shortcuts, and lightning-fast workflow, it also has a vast community of developers that create extensions that make the software even better and easier to use.
If you search around, you’ll find hundreds of extensions to pick from. And for this post, I’ve curated some of the best Sublime extensions that’ll save time and effort in any web dev workflow.
If you’re looking for Sublime Text extensions for WordPress, try this collection.
1. Emmet Extension
Sublime Text and Emmet are practically one and the same. The Emmet extension doesn’t serve just one function or purpose.
It’s a massive toolkit for web developers with a bunch of handy coding features, extra keyboard shortcuts, and features for automating your workflow. Sony handycam software for mac. This can help you manage your code snippets or add extra features like auto-image attributes.
If you look through Emmet’s massive documentation, you’re sure to find a bunch of handy things you can adopt. It’ll take some adjusting to make this a normal part of your workflow, but in the end, it’s worth learning.
There’s no better extension for Sublime Text than Emmet. Especially for anyone frequently coding websites from scratch.
2. Autoprefixer
Many of the newer CSS3 properties have prefixes to handle different rendering engines. These are mostly used for the WebKit, Gecko, and Microsoft engines which are grouped together as vendor prefixes.
Not every property requires these prefixes anymore. Browsers have come a long way in a few short years, and most CSS3 properties can run without prefixed code.
But if you want to support the largest possible audience, then you’ll want Autoprefixer. This can be installed via the Sublime package manager with just a few clicks, and it’s even easier to add into your codebase.
3. Themr
Sublime comes with a couple default themes with certain syntax highlighting styles. But you may want to add more into your arsenal and that’s where Themr can help.
This small add-on lets you sort through available UI themes and organize them according to your favorites, even assigning keyboard shortcuts if needed.
Plus, you can add new themes as you find them and organize them all together. Your “favorite” themes can even be saved as presets based on whatever file types you’re using(ex: HTML, JS, and PHP files).
4. JSHint Extension
Debugging JavaScript is a pain. If you practice debugging you’ll naturally get better at the process, but it’s still not easy to do.
With Sublime’s JSHint extension, you can bring JavaScript debugging right to your IDE. This simple add-on lets you test your JavaScript code from any JS file.
A new console window appears on the IDE where you can sift through errors, find what they mean, and quickly correct them.
You can even run this from the terminal window if you want to check a file outside of Sublime. An excellent tool for developers who continuously find themselves working in JavaScript.
5. Auto Filename
Almost every webpage references other files somewhere in the code. These files could be images, JS scripts, stylesheets, or even other dynamic pages like .php files.
With Auto Filename, you’ll save loads of time manually entering these files. Just start typing the name, and this extension handles the rest with an autocomplete field. It works for all elements inside your HTML so you can quickly add directory paths for images, CSS files, JavaScript plugins, you name it.
6. Sidebar Enhancements
Sublime Text comes with an optional sidebar view that works like a directory. This is handy when you’re working on a larger project with multiple files and includes.
Sidebar Enhancements takes the default Sublime sidebar and, well. enhances it! This gives you multiple folder views, more options in the right-click context menu, easy copying of path URIs, and other handy options like “open with” for graphics.
Not every developer uses the sidebar feature. I even turn it off when I’m just editing single files. But if you continuously use Sublime’s sidebar, this extension will prove invaluable to your workflow.
7. ColorPicker
Most of us are familiar with color picker tools in programs like Photoshop. They work great and often they’re all we need for a solid UI process.
Sublime’s ColorPicker extension lets you bring the color selection process right into your IDE. Of course, there are plenty of free color webapps you could rely on instead. But this plugin is superb since it works right inside the code window.
8. Git
If you’ve never used Git version control then it can be a long road to learn. The right resources will help and once you fully understand Git you’ll never want to go back.
One of the best resources you can use is the Git extension for Sublime. This automates the Git version control workflow and makes it super easy for you to manage packages from your IDE.
It’s a super simple plugin to work with, and it’s compatible with all operating systems. Many developers prefer to use the command line for Git management, but Sublime is another viable choice.
9. Bracket Highlighter
Here’s an sought-after feature that’s definitely useful when coding big pages. The Bracket Highlighter extension automatically highlights the opening and closing brackets inside your code. All you need to do is place your cursor inside the starting(or ending) bracket, then sift through the file to find the matching tag.
It’ll help you visualize HTML containers in your page and see which elements are contained inside other elements. Sublime does have a small bracket highlighting feature with Emmet, but I prefer this extension since the highlighting is much clearer.
Related Posts
Sublime Text is one of the most popular cross-platform text and source code editor amongst developer which comes with numerous features and functions, these features can be enhanced by installing plugins and text packages to increase the durability and reliability of editor.
Most of These plugins and packages are free and maintained by community, some of these plugins are over dated and are not compatible with Sublime Text 3 while some other are frequently used by front end developers.
For this roundup we have compiled a list of 15 Best Sublime Text Packages for developers that will help you enhance the overall functionality and efficiency of Sublime Text Editor and help you to accomplish your tasks in certain deadline. Please share your views by posting a comment below. Enjoy !!
1. Package Control
Package Control is the Sublime Textpackage manager. It includes a list of over 2,500 packages available for install, and users can add any GitHub or BitBucket repository themselves. Once installed, packages are kept up-to-date automatically. Package Control is completely free to use, the code is open source, and I provide hosting for the default channel and this website.
2. Processing Sublime
A Sublime Text package for the programming language Processing.
3. Align Tab
The most flexible alignment plugin for Sublime Text 2/3. This plugin is inspired by the excellent VIM plugin, tabular. ST2 support is deprecated but however, it is still possible to install AlignTab on ST2 via Package Control.
4. Sublime Chef
This Package provides several code snippets designed to make writing chef recipes faster and even more fun. Each snippet has sensible defaults, carefully chosen placeholders, and several variations to cover almost all of your recipe needs.
5. Color Highlighter
ColorHighlighter is a plugin for the Sublime Text 2 and 3, which unobtrusively previews hexadecimal color values by underlaying the selected hex codes in different styles and icons. Also, plugin adds color picker, color format converter and less/sass variables navigation to easily modify colors.
6. Sublime Text Package Syncing
Keep your different Sublime Text installations synchronised across different machines. The package is using a different attempt rather than just build a link. It is basically syncing your user folder and you can define which files you would like to include in the sync. On the other hand you can also exclude files from the sync for example for platform depending settings or packages.
7. MultiEditUtils
A Sublime Text Plugin which enhances editing of multiple selections. Sometimes Sublime’s standard features for creating multiple selections won’t cut it. MultiEditUtils allows to select the desired parts individually and merge the selections with the add_last_selectioncommand (default keybinding is ctrl/cmd+alt+u).
8. Sublime Jekyll
A Sublime Text package for Jekyll static sites. This package should help maintaining Jekyll sites and posts easier by providing access to new post/draft shortcuts, key template tags and filters, as well as common completions and a current date/datetime command (for dating posts).
9. Git Gutter
A sublime text 2/3 plugin to show an icon in the gutter area indicating whether a line has been inserted, modified or deleted.
Sublime Text 3 Download
10. Filter Lines
FilterLines allows you to search through the lines within your document for the given “keyword string” or “RegEx notation”.
11. Sublime DataConverter
This Sublime Text package converts csv files to various other formats. It’s been adapted from the wonderful Mr. Data Converter. After installing, you’ll find commands look like DataConverter: to foo in the Command Palette. DataConverter will convert a selection or multiple selections. If nothing is selected, the entire document is converted.
12. Sublime alom
Sublime Text Vs Visual Studio
This packages provides a shortcut to insert the namespace definition in a PHP file. It has support for PSR-0 style namespaces and support for PSR-4 if Composer is used.
13. Handlebars
Higher contrast Handlebars syntax highlighting plus comment key bindings and a few snippets.
14. Icon Fonts
IconFont provides snippets for many popular icon fonts such as FontAwesome,PaymentFont, Typicons and Github Octicons. It works similar to regular HTML snippets where abbreviations will be expanded tothe full-length of classes and HTML code for each icon.
15. File Browser
Sublime Text Systemverilog
When you install File Browser, you can have access to your project directory in a new sidebar, and navigate through it without moving your hands away from your keyboard – like a pro-coder. As you get used to it, this plugin can gradually boost your workflow.