這篇文章給大家分享的是有關(guān)如何安裝Sublime Emmet插件的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
在安裝Emmet插件之前我們首先需要在Sublime Text3上安裝Package Control插件管理器
然后按住快捷鍵Ctrl+Shift+P或者在菜單欄選擇Perferences-->Package Control即可打開命令面板,如若沒有反應(yīng)稍等一下便會(huì)彈出,界面如下圖所示。
輸入Emmet即可安裝,安裝完成之后, 可通過Perferences-->Package Settings-->Emmet查看是否成功,如果Emmet在說明安裝成功了。
安裝完成后我們利用Emmet插件去快速生成HTML代碼,例如輸入html:5按住Tab鍵即可生成HTML文件完整的結(jié)構(gòu),但是很多人在安裝完成后輸入html:5然后按住Tab鍵并沒有反應(yīng),這是什么原因?qū)е碌哪??原來Emmet默認(rèn)的快捷鍵是Ctrl+E,我們需要將其設(shè)置成常用的Tab鍵。
在菜單欄選擇Preferences-->PackageSettings-->Emmet-->KeyBindings-->User,將以下信息粘貼進(jìn)去即可。
[{"keys": ["tab"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"}]}]
7重啟Sublime Text3此時(shí)我們便可以進(jìn)行代碼補(bǔ)全操作了,在新創(chuàng)建的文件上輸入html:5,按住Tab鍵即可看到如下的代碼。
感謝各位的閱讀!關(guān)于如何安裝Sublime Emmet插件就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!