Popular - 18 Essential Plugins For Sublime Text

Every developer has their own tooling và special setup—I know I do. It’s that tooling that can help you become a faster, stronger, and more productive developer.

Bạn đang xem: Popular

One of the ways I find new tools is through pairing with other developers. I’ll be working on a problem, và see the person I’m pairing with vày some magical thing in a two second flash.

This is the moment I interrupt the pairing session khổng lồ find out what that tool was, where to get it, and how to use it. This is by no means the most efficient way of finding new tools, but it’s often when I find the best ones.

With all this in mind, I spent some time polling front kết thúc developers here at cheohanoi.vn, to lớn get a menu of all the essential Sublime Text plugins they just can’t live without.

To make things a bit easier, I broke the plugins into the following categories:

If you want lớn ensure that what you"re building is secure, be sure to check out our article on trang web security.

Installation

1. Package Control

Package Control is the first and probably most essential Sublime Text plugin. It enables the easy installation, download, and update of packages or plugins into Sublime Text. The terms package and plugin are often used interchangeably.

To install Package Control, follow the instructions found on the Package Control website. From there, you can simply type in ctrl+shift+p on Windows, or cmd+shift+p on a Mac to xuất hiện the Command Palette.

Installing Package Control.

Once the Command Palette is open, you can then type Install Package, to install a plugin from the Package Control website. You can also type địa chỉ Repository, which allows you to showroom plugins that are not hosted on the Package Control website, by simply using their repository url (make sure not to lớn include .git at the end). And finally, Remove Package, will let you uninstall a plugin from your system by removing it, as well as any assets from the Sublime packages directory.

Find your new favorite Markdown editor in our roundup.

Snippets & code style

Snippets are a great built-in feature of Sublime Text. You can build your own, in addition khổng lồ using the preinstalled ones, or use a plugin that has a bunch for you like Emmet. The way snippets work is simple—you simply begin typing a keyword that activates a snippet, và press tab khổng lồ expand the text.

2. Emmet

Expanding markup with Emmet.

Emmet is a plugin that enables faster HTML & CSS creation with the use of snippets. It uses abbreviations that expand lớn valid HTML tags.

For example, lớn build out a navigation you only need lớn type the following code:

Which will expand to:

View Emmet plugin

3. Alignment

Aligning variable definitions with Alignment.

Alignment plugin helps to lớn easily align multiple selections, or multi-line selections. What that means is you can align multiple selections, or lines, via delimiter such as =. Simply type ctrl + alternative text + a on Windows, or cmd + ctrl + a on a Mac, khổng lồ align your selection. To lớn align with :follow this tutorial to cài đặt custom delimiters.

View Alignment plugin

Git integration

Most developers use some type of version control. These days, Git seems to be the most popular. Here are a few Git related plugins for Sublime Text that make working with Git a lot easier.

4. SublimeGit

SublimeGit brings Git into Sublime, so you don’t need to go back và forth between the command line and your text editor. You used lớn have to pay for this plugin (that’s how awesome it is), but this past year it was open-sourced. It has a huge danh mục of features, which you can find in the SublimeGit docs. To get started quickly, install the plugin và use the Command Palette lớn launch your Git commands.

View SublimeGit plugin

5. GitGutter

Modified line, deleted region borders, and inserted line indicators in the Sublime Text gutter.

GitGutter brings some native Atom functionality to lớn Sublime, adding diff hints khổng lồ the gutter of the sidebar. You can additionally hover on the indicators in the sidebar, to lớn see a diff popup. You can perform a variety of commands on the change, such as copying the content of the diff state, reverting the changes back to lớn the state in Git, jumping to lớn next or previous change, và more.

Check out our list of the 21 best Atom packages for front kết thúc developers.

Xem thêm: Tuyển Sinh Trường Đại Học Thông Tin Liên Lạc Nha Trang, Mitech: Trung Tâm Cntt Và Ngoại Ngữ

View GitGutter plugin

6. GitHubinator

Opening Git blame on Github for selected lines.

GitHubinator is a plugin that shows selected text on a remote GitHub or Bitbucket repository. You simply highlight the text you want to search for, right click to mở cửa the context menu, & launch the corresponding Github or Bitbucket web page in your mặc định browser. This plugin is amazing if you need to lớn figure out who’s worked on a tệp tin previously, or kiểm tra the Git blame.

View GitHubinator plugin

7. GitOpenChangedFiles

GitOpenChangedFiles isn’t coy about what it does; its name says it all. Simply install và run cmd + option + o on a Mac, or ctrl + shift + o on Windows, and watch this plugin open the corresponding files for you in Sublime Text, with all the files you’ve changed in your branch.

View GitOpenChangedFiles plugin

You might also like: The Essential list of Resources for cheohanoi.vn Theme Development.

Linters & syntax highlighting

While working on teams, consistency is imperative. Linters và syntax highlighting help provide that consistency & set best practices.

8. SublimeLinter

SublimeLinter is the most popular linter available on Sublime, as it currently sits in the vị trí cao nhất 25 downloads on Package Manager. Once installed, you’ll also want lớn install plugins for the various languages that you might code in.

To vì chưng this, just xuất hiện Package Control to lớn install plugins with the same name. Simply type SublimeLinter-, for example SublimeLinter-jshint. You must install linter plugins with SublimeLinter—the version for Sublime Text 3 doesn’t come with them pre-installed.

View SublimeLinter plugin

9. ChangeQuotes

Changing double khổng lồ single quotes, with the Command Palette.

ChangeQuotes “converts single & double quotes, & and re-escapes quotes within the string,” according lớn their docs. Once installed, whenever you want khổng lồ change quotes, make sure your cursor is inside the quoted text. Open the Command Palette to lớn run ChangeQuotes—there is no need to select the text lớn change quotes.

View ChangeQuotes plugin

There are a ton of plugins for syntax highlighting. These are the two major plugins we use at cheohanoi.vn, that fall outside the existing syntax highlighting that ships with Sublime Text.

10. SASS

The Sass plugin adds syntax highlighting as well as tab/code completion, for Sass và SCSS files.

View Sass plugin

11. Babel

Syntax highlighting courtesy of Babel.

Babel adds syntax definitions for ES6 JavaScript, with React JSX extensions.

View Babel plugin

12. Siteleaf’s Liquid Syntax

Siteleaf’s Liquid Syntax adds liquid syntax highlighting for Liquid as well as some handy snippets.

View Siteleaf’s Liquid Syntax

Editor enhancements

13. SideBarEnhancements

Left: Before SidebarEnhancements. Right: After SidebarEnhancements.

SideBarEnhancements provides enhancements khổng lồ the operations on Sidebar of Files & Folders for Sublime Text. Particularly, it sets delete options as a “Move to lớn trash,” includes an “Open with…”, gives you the ability to lớn move files, và more.

View SideBar Enhancements plugin

14. Maybs Quit

Maybs Quit enables a quick panel lớn confirm quitting Sublime Text. Both cmd/ctrl+w & cmd/ctrl+q are too close to one another on the keyboard, and can lead khổng lồ mistakes. Avoid quitting Sublime Text unintentionally when you’re only trying to lớn close a file, by using Maybs Quit!

View Maybs Quit plugin

15. AutoFileName

AutoFileName follows through on its name: it completes filenames automatically. It triggers a dropdown with file names relative to lớn your existing file & subsequent path as you type.

View AutoFileName plugin

You might also like:How to showroom CSS Text Animation to Custom Themes.

16. View In Browser

View In Browser helps you to lớn launch your projects into your mặc định browser with a simple shortcut, ctrl+alt+v. It also enables shortcuts for various other browsers installed on your computer, such as Chrome, Firefox, internet Explorer and more.

Checkout View In Browser plugin