Sublime插件Emmet的安裝及Tab補全代碼

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鍵便可看到以下的代碼。