Emmet是一款Web前端開發工具Sublime非常有用的外掛，使用仿CSS選擇器的語法來生成程式碼，大大提高了HTML和CSS程式碼編寫的速度，只需按住Tab鍵即可把一個簡寫展開成HTML和CSS的程式碼塊。

在安裝Emmet外掛之前我們首先需要在Sublime Text3上安裝Package Control外掛管理器。
安裝步驟：
　　1.按Ctrl+`調出sublime text的console
　　2.貼上以下程式碼到底部命令列並回車：

　　import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installedpackagespath();os.makedirs(ipp) if not os.path.exists(ipp) else 　　　　None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

　　3.重啟Sublime Text
　　4.在Perferences->package settings中看到package control，則表示安裝成功

按住快捷鍵Ctrl+Shift+P或者在選單欄選擇Perferences-->Package Control即可開啟命令面板，如若沒有反應稍等一下便會彈出。

開啟命令面板找到package control install package，或者在命令面板輸入"pcip"即這四個單詞的首字母，便會出現新的安裝package的面板，然後輸入emmet找到Emmet Css Snippets，點選後便會自動安裝。
安裝完成後可通過Perferences-->Package Settings-->Emmet檢視是否成功，如果Emmet在說明安裝成功了。

安裝完成後我們利用Emmet外掛去快速生成HTML程式碼，例如輸入html:5按住Tab鍵即可生成HTML檔案完整的結構，但是很多人在安裝完成後輸入html:5然後按住Tab鍵並沒有反應，這是什麼原因導致的呢？原來Emmet預設的快捷鍵是Ctrl+E，我們需要將其設定成常用的Tab鍵。
在選單欄選擇Preferences-->PackageSettings-->Emmet-->KeyBindings-->User，將以下資訊貼上進去即可：
[{"keys": ["tab"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"}]}]

重啟Sublime Text3此時我們便可以進行程式碼補全操作了，在新建立的檔案上輸入html:5，按住Tab鍵即可看到如下的程式碼。