If you want to use Zen Coding on ST2 on a Mac, this is what you need to do:
You need to add package control to ST2 (this will show you how)
Once Package control is installed, you need to use this keyboard shortcut in ST2 to install zend coding. (Ctrl + Shift + p). Type ‘z‘ and select ‘Zen Coding‘. After about 5 seconds zen coding will be installed in ST2.
To use Zen Coding (for some reason I had a really hard time figuring this out… maybe because I was using Zen Coding in Dreamweaver and it has different keyboard shortcuts and it implements Zen Coding directly inside the code). ST2 does it a different way then Dreamweaver. You need to use this keyboard shortcut (ctrl + option + return). When you do this you will see a box on the bottom of ST2.
When I first installed Zen Coding, I totally missed this box. I was trying to type something like ul>li>a and then I hit ctrl + option + return and nothing worked. I looked online for the shortcut and spent about 2 hours searching for it before I found out it was right before my eyes the entire time (old age is kicking in).
I was doing it wrong. I made this post to save you the pain I went through.
If you want to use Zen Coding in ST2, use this keyboard shortcut (ctrl + option + return) and then type in the ‘Enter Koan‘ text box that appears on the bottom of ST2 your Zen Coding code (like this…. ul>li>a). (The keyboard shortcut on PC is ctrl + alt + enter) Once you enter your zen coding shortcuts just press return and your code will be expanded. For something cool type ‘html:5‘ and press return and you’ll see it starts with a simple html5 document. Pretty cool, huh?
Sublime Kickstart (a collection of resources to help you quickly get comfortable with ST2)Tweet