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

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

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

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

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

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

?輸入Emmet即可安裝,安裝完成之后,?可通過Perferences–>Package Settings–>Emmet查看是否成功,如果Emmet在說明安裝成功了。

安裝完成后我們利用Emmet插件去快速生成html代碼,例如輸入html:5按住Tab鍵即可生成HTML文件完整的結構,但是很多人在安裝完成后輸入html:5然后按住Tab鍵并沒有反應,這是什么原因導致的呢?原來Emmet默認的快捷鍵是Ctrl+E,我們需要將其設置成常用的Tab鍵。

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

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

  2. 7重啟Sublime Text3此時我們便可以進行代碼補全操作了,在新創建的文件上輸入html:5,按住Tab鍵即可看到如下的代碼。

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

? 版權聲明
THE END
喜歡就支持一下吧
點贊9 分享