如何安装SublimeEmmet插件-创新互联

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

十多年的上蔡网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整上蔡建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“上蔡网站设计”,“上蔡网站推广”以来，每个客户项目都认真落实执行。

在安装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插件就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

本文标题：如何安装SublimeEmmet插件-创新互联
浏览地址：http://cdkjz.cn/article/dsgpsd.html