网站建设资讯

NEWS

网站建设资讯

如何安装SublimeEmmet插件

这篇文章给大家分享的是有关如何安装Sublime Emmet插件的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

成都网站建设哪家好,找成都创新互联公司!专注于网页设计、成都网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。核心团队均拥有互联网行业多年经验,服务众多知名企业客户;涵盖的客户类型包括:玻璃隔断等众多领域,积累了大量丰富的经验,同时也获得了客户的一致好评!

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

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

如何安装Sublime Emmet插件

输入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插件

感谢各位的阅读!关于如何安装Sublime Emmet插件就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享名称:如何安装SublimeEmmet插件
当前URL:http://cdweb.net/article/jgpodd.html