Using sublime text 3 pro#
Using sublime text 3 code#

This plugin, SideBarEnhancements, brings some great enhancements to the SublimeText sidebar. Go to Preferences > Settings – User in SublimeText, and add the following line. If you are like me, you can enable the spell checker in SublimeText in this way.

Using sublime text 3 code#

I frequently write in code editor, and I also frequently made some mistake in the spelling. I found this a more convenient way to search for code block than using the regular Find feature. You can search and select the selectors that you intend to navigate to. A dialog will appear with a list of CSS selectors on the document, as you can see in the screenshot below. I found this feature really helpful when I’m editing CSS. Put the word or code replacement in the Replace input field, and hit the Replace button. Specify the file names within the Where input field or add so that it will only affect files that are currently open.ģ.

Using sublime text 3 pro#

Pro Tip: hit Command + E to quickly put the code selected in the Find input field.Ģ. Put the words, sentence, or line of codes that you want to change in the Find field. To change these codes efficiently, you can:ġ. For example, say that we have several code blocks that are very similar and spread across different files in the project. This feature would also be very useful when we are working with multiple files. Switch between the projects that are listed on the SublimeText Sidebar. While this key will bring you the previous tab. This will bring you immediately to the next tab. In SublimeText, we can switch through these files (or tabs) quickly with the following shortcuts: Command + T We may have many files opened when working on a project. To show the Command Palette in SublimeText, hit Command + Shift + P, then the command you intend to perform. You can do many things quickly with Command Palette such as rename new file, set file syntax, and inserting snippets.

You can also use a third-party plugin like CSSComb to give you more control over the property sorting rule. In SublimeText, you can select CSS properties and hit F5 to sort the properties in alphabetical order. But putting them in a particular order will make your codes more organized.

Sorting CSSĬommonly, we do not mind how CSS properties are sorted, as CSS will give us the desired output in the browser regardless of their position. See how multi-line selection works below. Hit this key to quickly select the next code, line, or word that has the same instances as you are currently selecting.

Select a code, line, or word first the hit this combo to select the others with the same instances. Hold the Command key and click on the lines that you want to select. There are several ways to perform this feature: Select anything inside the bracket (which is useful when working with CSS or JavaScript)įurthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. Select the entire content within the document. Below are some handy keyboard shortcuts that allow you do different types of selections in SublimeText. SelectionĪs a web developer, we would frequently do code editing. Recommended Reading: Identify Code Error In Sublime Text With Sublime Linter 1. Let’s supercharge your coding experience in Sublime Text. We went in and dug around for a bit and here are just some of the tips and tricks that we think you would like to play with. It might look a very simple code editor, but it has a lot of hidden features underneath.Īfter exploring it for a while, you might be surprised that you can do quite a number of cool things in SublimeText. You probably know by now that we are fans of Sublime Text.