码迷,mamicode.com
首页 > 其他好文 > 详细

Sublime插件Emmet的安装及Tab补全代码问题解决

时间:2019-12-05 18:48:57      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:rev   info   png   界面   html   完整   pre   src   创建   

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

然后按住快捷键Ctrl+Shift+P或者在菜单栏选择Perferences-->Package Control即可打开命令面板,如若没有反应稍等一下便会弹出,界面如下图所示。

技术图片

 

输入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补全代码问题解决

标签:rev   info   png   界面   html   完整   pre   src   创建   

原文地址:https://www.cnblogs.com/weidaijie/p/11990841.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!