webSIGHTdesigns - Web Design, Web Development, Web Hosting

How to Set Up Sublime Text as an IDE

Posted on Wednesday, October 30th, 2013 at 10:13 pm
by webSIGHTdesigns

Use these tips to set up Sublime Text as an Integrated Development Environment.

There's been a lot of buzz going around lately about a great text editor called Sublime Text. By default it's really more of a text editor than a full-blown IDE (Integrated Development Environment). To make this awesome program your new favorite IDE here's a few tips to get you started. One of the best things about Sublime Text is it's console, which allows you to enter its own scripting language in for easy install of packages and other customizations. By typing

CTRL + `

You can enter into the console and enter the following snippet to install "Package Control," a package manager for Sublime Text.

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()); print 'Please restart Sublime Text to finish installation'

Or for Sublime Text 3 enter the following:

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Once you do so and then restart Sublime Text, you will find a new menu under

Preferences -> Package Control

Click the menu option and a popup window will give you features such as installing or removing packages. We recommend the following packages:

  • BracketHighlighter
  • SideBarEnhancements
  • SFTP
  • SideBarGit
  • SublimeHg

Using Sublime Package Control, you can also easily install the "Theme - Soda" in the packages list. To configure Sublime Text to use the theme: Open your User Settings Preferences file by clicking Sublime Text -> Preferences -> Settings - User In this file, add (or update) your theme entry to be "theme":

{
   "theme": "Soda Dark.sublime-theme",
   "soda_classic_tabs": true
}

By default, the Monokai scheme is set. We recommend the "Tomorrow Night" color scheme. To install "TomorrowNight" via Package Control, by installing the "Tomorrow Color Schemes" package. Set Sublime to use the "Tomorrow Night" color scheme by clicking

Preferences -> Color Scheme -> Tomorrow Color Schemes -> Tomorrow-Night

To customize Sublime Text even more, set up some custom preferences under

Preferences -> Settings - User

Example preferences:

{
   "color_scheme": "Packages/Tomorrow Color Schemes/Tomorrow-Night.tmTheme",
   "ignored_packages":
   [
       "Vintage"
   ],
   "soda_classic_tabs": true,
   "theme": "Soda Dark.sublime-theme",
   "auto_complete": false,
   "close_windows_when_empty": false,
   "draw_white_space": "all",
   "find_selected_text": true,
   "fold_buttons": false,
   "font_face": "Ubuntu Mono",
   "font_options":
   [
       "subpixel_antialias"
   ],
   "font_size": 14.0,
   "highlight_line": true,
   "rulers":
   [
       72, 79
   ],
   "translate_tabs_to_spaces": false,
   "trim_trailing_white_space_on_save": true,
   "folder_exclude_patterns": [
       ".svn",
       ".git",
       ".hg",
       "CVS",
       "_build",
       "dist",
       "build",
       "site",
       "_offline"
   ]
}

You'll want to change or remove the "font_face" line if you aren't using the Ubuntu operating system. Using these customizations, you can use Sublime Text for the development of websites, whether you're writing in PHP, jQuery, CSS, HTML, or other languages. In some cases, you can also find color schemes to match your specific language if you only write in one language.

Please Sign In

Please sign in to post a comment.

Web Development

View details »

Web Hosting

View details »

Our Portfolio

View portfolio »

WebSight Designs webSIGHTdesigns preferred email webSIGHTdesigns United States United States