Sublime Text 2 – Configuration and Useful Packages for Web Development

12 May, 2013

Over the years, I have tried many text editors and Sublime Text 2 has been by far the best of the lot. This article contains some of the Sublime Text 2 packages that I found to be very useful for web development.

I have been using Sublime Text 2 for over a year now and it is without any doubt the best cross platform text editor out there. There are other editors that I use depending on the platform such as Notepad2 on windows and nano on Linux (without a GUI).

When I am working on any .NET project, Visual Studio 2012 is my IDE of choice, but for everything else I fall back to sublime. You might be wondering why am I comparing a text editor to an IDE. Well, you’d be amazed by the power and speed of sublime text 2 and it is expected to get even faster when Sublime Text 3 is released. I like it so much that I even use it for writing my blog posts. I can totally understand why almost all who use it just fall in love with it.

Before I get into the fun and interesting stuffs, first things first.

Getting Sublime Text 2

Windows and Mac users can download and install sublime text 2 from here. If you use Ubuntu, you can install it via the following PPA.

Once you have installed sublime, you must definitely get the Sublime Package Control. It will help you in discovering, installing, updating and removing sublime packages very easily.

Install Sublime Package Control

Follow instruction on the Sublime Package Control website or follow the steps below. Open Sublime Text 2 and press Ctrl + ` or select View Show Console from the Top Menu. The Sublime Text 2 console will appear at the bottom of the screen as shown below.

Screenshot (45)

Paste the following code and press Enter / Return key.

Restart sublime to finish installation. Now press Ctrl + Shift + P to open the command palette as shown below.

Screenshot (41)

Start typing install package. You should be able to see the Install Package option of the package control as shown below. If you see the option that congratulation on having successfully installed the Sublime Package Control.

Screenshot (42)

Installing Packages

Option 1: Using the Package Control (Recommended)

Open the command palette by pressing Ctrl + Shift + P. Select the Package Control: Install Package option on the palette or click it. The Package Control will fetch the list of available packages from the internet and display it in a new palette as shown below. You can select any package that you want and just press enter. Sublime Package Control will install the package for you.

Screenshot (43)

Option 2: Manual Installation

You can manually download any sublime package and copy it to the Packages folder to install and enable it. To open your Sublime Text 2 packages folder, select Preferences Browse Packages... from the top Menu Bar.

List of Useful Sublime Text 2 Packages

Anyways, enough of the boring stuff. Without any further delay, here’s some out of the many, many sublime packages that I use. All of the packages below can be intstalled via the Package Control.

One of the best features about Sublime Text 2 is that almost everything is configurable via the settings file. Below is my current user setting file.

I hope this article helps to to configure sublime and get you more productive at work. If you are new to sublime and want to know more about it you should start at the sublime text website. Once you have decided to use it as you text editor, you might as well learn a few keyboard shortcuts or watch some sublime text 2 videos. Finally advanced uses might wanna look at some configuration options.