Essential Sublime Text 2 Plugins and Extensions

Sublime Text 2 is a relatively new code editor that I’ve been trying out for a while now. it already offers a great mix of features and performance that has convinced me to switch from my trusted dreamWeaver. I assure you that this will make you development very easy.

I have already posted the link for video tutorial of Sublime text2. It’s awesome. You will hae complete knowlege of this throw that video tutorials.

Sublime video Tutorial Link

Initial requirement is -you have to install Package controller to add different Plugins and Extensions. 

Essential Sublime Text 2 Plugins and Extensions.

Package controller:

Installation is through the Sublime Text 2 console.

This is accessed via the ctrl+` shortcut. Once open, paste the following command into the console

import urllib.request,os; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb’).write(urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(‘ ‘,’%20′)).read())

Please restart Sublime Text to finish installation!

Let’s Know about command palette.

Command Palette

The Command Palette holds infrequently used functionality, like sorting, changing the syntax and changing the indentation settings. With just a few keystrokes, you can search for what you want, without ever having to navigate through the menus or remember obscure key bindings.

commad palette

 

Command Pelette-Install plugins

Show the Command Palette with Ctrl+Shift+P.Even you can get list of plug-ins from here.

 

Alignment

Installation : Command Palette(with Ctrl+Shift+P) and write Alignment

Align multiple selections to the same column by inserting spaces (or tabs)

Align all lines in a multi-line selection to the same indent level

Align the first = on each line of a multi-line selection to the same column

Key:Press ctrl+alt+a on Windows and Linux, or cmd+ctrl+a on OS X

align

 

Automatic backup

A Sublime Text 2 plugin to automatically save off a backup of your files each time you save.

Use Cmd+Shift+P or Ctrl+Shift+P then Package Control: Install Package.

Look for Automatic Backups and install it.

Manual Installation : https://github.com/joelpt/sublimetext-automatic-backups

 

cssTidy

Installation : Command Palette(with Ctrl+Shift+P) and write cssTidy

SublimeCSSTidy  is a Sublime Text 2 package for cleaning and tidying up your CSS. It’s mostly a wrapper for the CSS Tidy PHP Library, but it will fall back on a bundled CSS Tidy executable for Windows users without PHP (the exe isn’t recommended for CSS3, take care).

Manual Installation : https://github.com/fitnr/SublimeCSSTidy

 

HtmlTidy

Installation : Command Palette(with Ctrl+Shift+P) and write HtmlTidy.

This is a Sublime Text 2 plugin allowing you to clean and tidy up your HTML code.

It uses a version of libtidy, which comes bundled with PHP 5.

Manual Installation : https://github.com/welovewordpress/SublimeHtmlTidy

 

PHPTidy

Installation : Command Palette(with Ctrl+Shift+P) and write PHPTidy.

This is a Sublime Text 2 plugin allowing you to format your PHP code.

It uses wp-phptidy, which is a little tool for formatting PHP code to conform the WordPress Coding Standards.

Manual Installation :https://github.com/welovewordpress/SublimePhpTidy

 

SFTP

Installation : Command Palette(with Ctrl+Shift+P) and write SFTP.

Spend less time managing file transfers and more time coding. FTP, FTPS and SFTP support for Sublime Text 2 that is blazing fast, with smart features, flexible workflow options and top-notch support.

SFTP

Manual Installation : http://wbond.net/sublime_packages/sftp

 

Git:

gits

Installation : Command Palette(with Ctrl+Shift+P) and write Git.

A nifty little plugin that integrates Git and Sublime Text and implements most of the commands that you’d use in real life. Different  viewing inside ST2 is a great time saver!

 

Zencoding

Installation : Command Palette(with Ctrl+Shift+P) and write zencoding.

Zen Coding is an editor plugin for high-speed HTML coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code.Zen coding is also available for DREAMWEAVER as well you can simply download it from http://code.google.com/p/zen-coding/downloads/list  for different editors.

 

AutoFile Name

Installation : Command Palette(with Ctrl+Shift+P) and write AutoFile Name.

Do you ever find yourself sifting through folders in the sidebar trying to remember what you named that file? Can’t remember if it was a jpg or a png? Maybe you just wish you could type filenames faster.This will enable you to auto suggestions of the file to be set.

 

ColorPicker(weslly)

To insert or change a selected color, use:

Linux: ctrl+shift+c

Windows: ctrl+shift+c

OS X: super+shift+c

Manual  Instillation  : https://github.com/weslly/ColorPicker

 

css snipets

Type the css snippet shortcode and then press TAB to complete the snippet.

Manual  Instillation  : https://github.com/joshnh/CSS-Snippets

 

LoremIpsum

It allow you to Insert Lorem Ipsum in the editor via menu items or keyboard shortcut.

Just press the shortcut key (Alt+Command+l on OSX, Control+Alt+l on Windows/Linux) to add Lorem Ipsum text. Keep pressing to add more.

Alternatively, select how much text you want from the menu item.

Manual  Instillation  : https://github.com/billymoon/LoremIpsum

 

Nettuts+ Fetch

This plugin automatically pulls in the latest copy of a file, simply by typing a keyboard shortcut. It’ll perform a curl request to your specified URL and allow you to rest assured that, for all new projects, you’re using the latest copy of a particular asset.

 

Open-Include

This plugin will try to open Sublime Text file paths found on selections/cursor when pressing “ALT+D”. It has support for .coffee/.js/.hbs/.jade files when no extension specified. Usefull when doing require style javascript modules

Manual  Instillation  : https://github.com/SublimeText/Open-Include

 

Phpcs

This plugin adds PHP CodeSniffer, PHP Coding Standards Fixer, the PHP Linter and phpmd support to Sublime Text 2.

Requirements for this plugin, should you want all the options to work:

PHP_CodeSniffer 1.3+ (potentially works with lower versions, but this hasn’t been tested)

PHPMD 1.4+ (potentially works with lower versions, but this hasn’t been tested)

PHP CS Fixer version 0.2+ (potentially works with lower versions, but this hasn’t been tested)

Python 2.6

This plugin has been tested on:

Mac OS X 10.6.8 (2.6.1 r261:67515, Jun 24 2010, 21:47:49) and 10.7.3 (2.6.7 r267:88850, Jul 31 2011, 19:30:54)

Ubuntu 11.10 (2.6.6 r266:84292, Jun 16 2011, 22:35:51)

Windows XP (2.6.5 r265:79096, Mar 19 2010, 21:48:26)

Manual  Instillation  : https://github.com/benmatselby/sublime-phpcs

 

Sublime-HTMLPrettify

his is a Sublime Text 2 plugin and build system allowing you to format your HTML, CSS and JavaScript code. It uses a set of nice beautifier libs made by Einar Lielmanis and Noah Kantrowitz. The formatters are written in JavaScript, so you’ll need something (node.js) to interpret JavaScript code outside the browser.

This will work with both HTML, CSS and JavaScript files.

Manual  Instillation  : https://github.com/victorporof/Sublime-HTMLPrettify

 

SublimeCodeIntel

SublimeCodeIntel is a code intelligence plugin ported from Open Komodo Editor to Sublime Text 2. It shows autocomplete information with the available modules in real time as well as display information about the current function in the status bar.

Code intelligence plugin ported from Open Komodo Editor to Sublime Text 2.Supports all the languages Komodo Editor supports for Code Intelligence (CIX, CodeIntel2):PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.

Provides the following features:

Jump to Symbol Definition – Jump to the file and line of the definition of a symbol.

Imports autocomplete – Shows autocomplete with the available modules/symbols in real time.

Function Call tooltips – Displays information in the status bar about the working function.

Manual  Instillation  : https://github.com/Kronuz/SublimeCodeIntel

JQuery Package for Sublime Text

And where will all us be without jQuery? This is a Sublime Text bundle to help with jQuery functions.

Manual  Instillation  : https://github.com/mrmartineau/Jquery

 

Clipboard History

Tired of having to swap out your clipboard’s contents during a marathon hackathon? Keep a history of your clipboard items with this plugin and paste away as needed.

Manual  Instillation  : https://github.com/kemayo/sublime-text-2-clipboard-history

 

Use TextMate Bundles:

TextMate snippets and themes port over nicely to Sublime Text. You only need to drop them in the Packages folder — .tmbundle extension intact, and Sublime will recognize the files. This means that the entire catalog of TextMate themes will work in Sublime!

Manual  Instillation  :http://textmatetheme.com/

 

ThemeBundle for Sublime text2 

Download link

There are many feature for sublime text 2 and plugin as well. Here I have concluded most useful one.

6 Responses to “Essential Sublime Text 2 Plugins and Extensions”
  1. rajesh says:

    cool stuff keep posting!!!
    All d best vaja!!

  2. Vrushank says:

    Great Post Dear!!! Just make your markups better.

    I ❤ sublime.

    It will be very useful for me.

    All in one place. Thanks for your efforts.

  3. phillchill says:

    there’s some non-standard quote characters in that command to install the package controller, leading to syntax errors. This works for me:

    import urllib2,os; pf=’Package Control.sublime-package’; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20′)).read());

    • Jaimin Vaja says:

      Thanks you. I appreciate that You make my attention.
      I have updated the same.Now, we have two different Command line for Sublime text2 & Sublime text3.
      Might be you are using Sublime text 3. So older one that I have used, is out dated for you.
      Very shortly I will put a post for newer Version.

      Thanks

  4. hardik tanna says:

    cool

Leave a Reply