Last Updated: February 25, 2016
·
18.1K
· jonathannelson

3 Easy Steps: Install Zen Coding for Sublime Text 2

What is Zen Coding? 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.

1. Install Package Control

Installation is through the Sublime Text 2 console. This is accessed via the ctrl+` shortcut. Once open, copy/paste the following command into the console:

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'

2. Restart Sublime

3. Install Zen Coding Package

Package Control is driven by the Command Pallete. To open the pallete, press ctrl+shift+p (Windows, Linux) or cmd+shift+p (OS X). All Package Control commands begin with Package Control.

  • Type ctrl+shift+p (Windows, Linux) or cmd+shift+p (OS X)
  • Type Emmet
  • Select Emmet Package
  • Press Enter
  • Installation Complete!