VSCode中Emmet建议怎么显示为片段?
一、Emmet插件简介:
Emmet是一款高效的前端开发工具,提供了快速编写HTML和CSS代码的能力。它的核心是通过输入简洁的代码片段,快速生成完整的HTML和CSS结构,并且支持大量的HTML标签和CSS属性的快捷写法。在VSCode中,Emmet插件默认是启用的,可以通过简单的快捷键或者缩写命令,快速生成代码,提高工作效率。
二、Emmet设置片段显示:
1、打开VSCode的设置菜单:点击左侧的文件选项,选择“首选项”中的“设置”;
2、选择“用户设置”或者“工作区设置”,然后在搜索框中输入“emmet.syntaxProfiles”;
3、点击编辑按钮进行编辑,将"html"的值设置为{"html": "xhtml"},保存设置。
三、片段显示效果:
以下以使用Emmet插件生成HTML代码片段为例,介绍如何显示为片段。
1. 显示片段代码:
在HTML文件中输入以下Emmet代码片段:div>p*3,该代码的含义是生成一个div标签,并在其中生成3个p标签。
相关文章