This is a quick tutorial how to install emmet in sublime text 3.

Emmet is the best plugin ever made to increase your speed in writing codes and increase your efficiency. It is a plugin for many popular text editors which greatly improves HTML & CSS workflow.

I was using Emmet in sublime text 2. But as Sublime Text 3 beta released, I updated by Sublime to the latest version and found that Emmet was not working in Sublime Text 3. So I started my search but unfortunately, I was unable to find a working solution. There were many sites and tuts but they were not guided properly. So finally I found the solution by myself. I know this is the same as Sublime Text 2’s way but it does not matter.

Lets get Started…

Requirements:

  • Sublime Text 3
  • And a good sense of following steps… :p

Steps:

Installing Package control

  1. Open Sublime Text 3.
  2. Open console by pressing CTRL + ` or going to View > Show Console.
  3. Paste the following code and press Enter.
  4. 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())
  5. Wait for a minute and restart your Sublime Text.

Installing Emmet (Main Part)

  1. After you have successfully installed Package Control, open Command Palette by pressing CTRL + SHIFT + P or going to Tools > Command Palette…
  2. Type install and click on Package Control: Install Package.
  3. After loading type Emmet in the search bar and click on Emmet.
  4. 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).
  5. 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.

Enjoy and keep coding. And if there is any problem with the steps please comment below.

Note: This has been tested in Sublime Text 3 build 3062