Thứ Sáu, 28 tháng 3, 2014

Best of Sublime Text 3: Features, Plugins, and Settings

Sublime Text 3  is an amazing piece of software. To start, it is a clean, functional, and fast code editor. Not only does it have incredible built in features (multi-edit and vim mode), but it has support for plugins, snippets, and many other things.
I know there have already been many articles like this online, but I am teaching a class on Sublime Text and thought it would be good to have all the information online. In this article, we’ll be diving into the best parts of Sublime Text. You’ve probably already heard of some of these, but maybe not some others.

 Features

Command Palette ctrl + shift + p

The command palette let’s you access pretty much anything in the settings menus, call your package commands, change file syntax, handle Sublime projects, and so much more.
For instance, you are able to call Git commands add, branch, commit, push, and pull all from the command palette.
To Usectrl + shift + p
set-syntax-html
git-commands

File Switching ctrl + p

Sublime Text provides a really fast way to open up new files. Just press ctrl + p and start typing the name of the file you want. Once it shows up, just press enter and start typing directly into that file!
To Usectrl + p
sublime-file-opener

Goto Symbols ctrl + r

When you have a large file with a bunch of methods, pressing ctrl + r will list them all and make them easier to find. Just start typing the one you want and press enter.
To Usectrl + r
goto-symbol
Sublime Text 3 also has a new feature (Goto Definition). It provides Sublime Text with more capabilities closer to an IDE. Take a look at that if you’re interested.

Multi-Edit ctrl + click

This is in my opinion, the absolute best feature of Sublime. After using it here, it’s hard to go back to other text editors. There are many different ways to use multi-edit:
  • ctrl + d: Select the current word and the next same word
  • ctrl + click: Every place you click will create a cursor to edit
  • ctrl + shift + f AND alt + enter: Find a word in your files and then select them all
multiedit

Snippets

Snippets are yet another great feature of Sublime Text. You can use the pre-installed ones, build your own, or install a package that has more. All you have to do is type in a word and it will expand into your snippet. For example, typing lorem will generate lorem ipsum text.
To Use: Type a word that activates a snippet (ie lorem) and press tab.
sublime-snippet-lorem
sublime-snippet-lorem-tab
Here’s a great article on creating snippets .

Keyboard Shortcuts

The amount of keyboard shortcuts in Sublime are astounding. This is my other absolute best feature of Sublime. The less I can move away from the home keys on my keyboard, the more efficient I can be.
For a full list of the Sublime Text Keyboard Shortcuts, take a look at our keyboard shortcuts article.

Projects

Projects is an integral part of my workflow in Sublime Text. A project is just a Sublime workspace in which your folders are open and stored in the sidebar. This helps since you can define a project and add folders to it, and be able to switch between folders quickly.
Using projects, you will no longer have to go digging in Windows Explorer or Finder to get the project you want and drag it into Sublime.
To Save a Project: Go into the command palette and type save project
To Switch Projectsctrl + alt + p
sublime-project-switch

 Packages/Plugins

Package Control

The absolutely necessary package manager for Sublime. This is the optimal way to install all of the plugins and themes listed below.
Go ahead and install that at the package control  site.
To Use: Go into the command palette (ctrl + shift + p) and type install.
Package Control will load all the packages available for install. Take a look at all the great things you can install and find your favorite packages..

Alignment

A very simple and easy to use plugin. I’m a very big fan of making your code organized and good looking. It helps tons when you revisit the code later down the road. Alignment helps with that.
To Use: Highlight the lines you want to align and press ctrl + alt + a
alignment-before
alignment-after

BracketHighlighter

This plugin provides bracket highlighting for all sorts of brackets.
brackethighlighter

Colorpicker

Have the ability to change colors with a colorpicker on the fly.
To Usectrl + shift + c
sublime-colorpicker
Note: This plugin is much prettier when using it on Mac

Emmet

Emmet is an absolute time saver. You can build HTML on the fly easily and quickly.
To Usectrl + alt + enter and start typing your Emmet styled HTML
sublime-emmet-start
sublime-emmet-finish
Check out our Emmet Interactive Guide to learn more and try out Emmet for yourself.

DocBlockr

A really great way to easily create doc blocks for many languages including JavaScript, PHP, and CoffeeScript. Just type in /** above your function and press tab. Watch the magic as DocBlockr takes the function name and variables and creates your doc block.
sublime-docblockr-example-start
sublime-docblockr-example-finish

Git

Git helps you interact with your Git repo. It has support for all sorts of things like init, push, pull, branch, stash, and more.

GitGutter

This is a small, but useful plugin that will tell you what lines have changed since your last Git commit. An indicator will show in the gutter next to the line numbers.
sublime-git-gutter

Gist

This plugin allows you to pull your Gists and insert them into your file. This is helpful when you have a Gist to start an HTML file or any other reusable code you have.
To Use: Open up the command palette and type gist. You can also use the shortcuts that are shown.
sublime-gist

SidebarEnhancements

This plugin provides a great deal more choices when right clicking on a file in the sidebar. The ability to open, find, copy and paste, and more are all provided.
Here is the old menu vs the SidebarEnhanced menu.
sublime-sidebar-enhancements-before
sublime-sidebar-enhancements-after

Themes

There are some really cool looking themes you can install for Sublime. You can find these by using Package Control.
Install a theme with Package Control and then update your User Settings to use it.
// User/Preferences.sublime-settings
{
 "theme": "Soda Light.sublime-theme"
}

Note: You might have to restart Sublime for these changes to take effect.
Some popular themes:

Theme – Soda comes with light and dark

soda-2-light-theme
soda-2-dark-theme

Theme – Flatland

sublime-flatland

Predawn

sublime-predawn
An offshoot of Flatland. Check out the repo  and the great work by Jamie Wilson .

Spacegray

“A Hyperminimal UI Theme”. More information found here . Thanks to the link by Jentan Bernardus .
spacegray-sublime-text-theme

More Themes

Here is a great writeup on Beautiful Themes for Sublime Text 3  by Abu Ashraf Masnun . Take a look at more great themes there.

 Color Schemes

In addition to changing your theme, you can also change your color scheme. These differ from themes since themes are packages for Sublime. Color Schemes are just a color scheme file and changing your settings.
To Change Color Scheme: Go into your menus, Preferences > Color Scheme and select one.
You will see changes immediately and can check if you like it or not. For a list of some great color schemes, check out Dayle Rees’s colour schemes  repo or color sublime , a great project.

 Settings

Sublime comes with an insane amount of settings. I would encourage you go look at everything it has to offer.
To get to your user settings, use the command palette and type in user.
Here are my current settings, most are self explanatory. Pick and choose the good parts for yourself and make your own custom settings!
// User/Preferences.sublime-settings
{
 "bold_folder_labels": true,
 "color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
 "font_face": "Ubuntu Mono",
 "font_options": "subpixel_antialias",
 "font_size": 14,
 "highlight_line": true,
 "highlight_modified_tabs": true,
 "ignored_packages":
 [
 ],
 "line_padding_bottom": 1,
 "line_padding_top": 1,
 "rulers":
 [
  80
 ],
 "scroll_past_end": true,
 "tab_size": 4,
 "tab_completion": false,
 "theme": "Soda Light.sublime-theme",
 "translate_tabs_to_spaces": true,
 "trim_trailing_white_space_on_save": true,
 "vintage_start_in_command_mode": true,
 "word_wrap": true
}

I use the great Vintage mode  in Sublime. It provides vi editing commands inside of Sublime Text. It isn’t as fully featured as the original vi package, but it is the closest that I’ve seen in any text editor currently. That along with your keyboard shortcuts and command packages will make for a very fast developer.
The settings above automatically turn on Vintage mode when you open a file. If you don’t like this feature, just remove vintage_start_in_command_mode and if you want to disable Vintage altogether, remove the ignored_packages setting.

 Conclusion

There are so many parts to Sublime that I’m sure I missed some great things. Let me know if you find any other awesome packages or features and happy coding!


Source:  http://scotch.io/

0 nhận xét:

Đăng nhận xét