How to install Zen Coding (now called Emmet) with Sublime Text 3

Question

I tried searching on Google but have not found any install instructions. Can someone help me out. I am using Ubuntu 12.04. Thanks!

Just so the answer makes more sense without editing it. "Zen Coding" is now called "Emmet". Here's an insanely useful cheat sheet for it. http://docs.emmet.io/cheat-sheet/ — Bill Criswell, Oct 25 '13 at 14:05

score 89 · Accepted Answer · edited Nov 30 '16 at 09:22

89

Install the package manager, then type Command + Shift + P and type "Install", press Enter, type "Emmet" and press Enter again.

edited Nov 30 '16 at 09:22

Hieu Le

2,106
1
23
23

answered Jul 14 '13 at 02:31

Bill Criswell

32,161
7
75
66

Thank you! But i have not "install package" yet. I'll try get it and do what you said. – Hieu Le Jul 14 '13 at 02:53
For Window7, can you give me the way you install it? thank you so much! – Hieu Le Jul 14 '13 at 03:18
Did you restart Sublime Text? – Bill Criswell Jul 14 '13 at 03:22
Yes, i finished with ubuntu and now i'm trying install with window7. – Hieu Le Jul 14 '13 at 03:29
I'd imagine it's the same thing you did for Ubuntu. I used the same way installing it on OSX. – Bill Criswell Jul 14 '13 at 03:32
Great! I have successfully installed! Thank you very much! Have a nice weekend! – Hieu Le Jul 14 '13 at 04:13

score 4 · Answer 2 · edited Nov 30 '16 at 07:52

4

If you have installed the Sublime Text 3.
To enable Emmet follow these steps:

Open the Sublime Text 3
Go to Tool-> Command Palette..
Select Install Package by searching "install".
Again new window opens type "Emmet" and select first one.
That's it new Zen coding( Emmet ) is enable in your Sublime Text 3.

edited Nov 30 '16 at 07:52

zx485

28,498
28
50
59

answered Nov 30 '16 at 07:29

Shashikant Pandit

2,752
22
29

score 3 · Answer 3 · answered Dec 26 '13 at 07:58

3

A detailed article on How to Install Emmet In Sublime Text 3 and a video Tutorial on same

answered Dec 26 '13 at 07:58

Sahil Popli

1,967
14
21

score 3 · Answer 4 · answered Mar 11 '16 at 07:26

Open Sublime Text 3. Open console by pressing CTRL + ` or going to View > Show Console. Paste the following code and press Enter.

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())

*Wait for a minute and restart your Sublime Text.*

Installing Emmet (Main Part)

After you have successfully installed Package Control, open Command Palette by pressing CTRL + SHIFT + P or going to Tools > Command Palette… Type install and click on Package Control: Install Package. After loading type Emmet in the search bar and click on Emmet. Wait for it to install (and yes this is also a step). Leave your system for 2-3 minutes as it will install some required repositories also like PyV8. Keep an eye on the Status bar (the light grey bar in the bottom of your editor which shows the Line and the Column number).

After your status bar is clean and has nothing except the Line and Column number restart you Sublime.

and Look out..!!! Emmet is installed in your Sublime.

How to install Zen Coding (now called Emmet) with Sublime Text 3

4 Answers4