Open Sublime Text
If you don't have it you can get Sublime Text here: http://www.sublimetext.com/
Go to Will Bond's Website for package control
Get the Install Code
Copy the installation code
You can also copy it here:
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')
Open the Sublime Text Console
- To back to Sublime Text
- Type Ctrl + ` (hint: it's to the left of 1 on most keyboards)
- Paste the code into the editor (hint: It's the single line at the bottom of the page that appears NOT the bigger area above it)
Close Sublime and Reopen it
When it installs you should see the console is blank (1) and there is a message (2) in the area above the console saying restart. There is no restart button so just close and reopen Sublime.
Test that Package Manager is working by trying to install Emmet
The first thing to do is press Ctrl+Shift+P (Windows) or CMD+Shift+P (MAC). You should see this dialog box appear from the top of the screen:
Start Typing "Install Package"
As you type the options should change. You can stop typing when "Package Control: Install Package" is at the top
You will then see the list of packages you can install.
Start typing Emmet and it should appear. Click on it or press enter when Emmet is at the top of the list and highlighted
You will see a message that it is installing at the bottom of the window
Package Control Messages
A new file like this should open up when the installing is done.
Close and Reopen Sublime Text again.
Create a new HTML file
You must first save a file as .html or .css etc in order to have Emmet kick in to help you.
Type in the shortcut for an HTML 5 document
And you should see the code below
Type in some test Emmet
This is an example of a div with a nav element inside of it
It should expand properly
Here is the result