安裝Sublime Emmet插件及Tab補(bǔ)全代碼問題

下面由sublime教程欄目給大家介紹安裝sublime emmet插件及tab補(bǔ)全代碼問題,希望對(duì)需要的朋友有所幫助!

安裝Sublime Emmet插件及Tab補(bǔ)全代碼問題

在安裝Emmet插件之前我們首先需要在Sublime Text3上安裝Package Control插件管理器

然后按住快捷鍵Ctrl+Shift+P或者在菜單欄選擇Perferences–>Package Control即可打開命令面板,如若沒有反應(yīng)稍等一下便會(huì)彈出,界面如下圖所示。

安裝Sublime Emmet插件及Tab補(bǔ)全代碼問題

?輸入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鍵。

  1. 在菜單欄選擇Preferences–>PackageSettings–>Emmet–>KeyBindings–>User,將以下信息粘貼進(jìn)去即可。

    [{“keys”: [“tab”],?“args”: {“action”: “expand_abbreviation”},?“command”: “run_emmet_action”,?“context”: [{“key”: “emmet_action_enabled.expand_abbreviation”}]}]

  2. 7重啟Sublime Text3此時(shí)我們便可以進(jìn)行代碼補(bǔ)全操作了,在新創(chuàng)建的文件上輸入html:5,按住Tab鍵即可看到如下的代碼。

安裝Sublime Emmet插件及Tab補(bǔ)全代碼問題

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊9 分享