VSCode自动补全如何显示Emmet缩写对应的元素含义？

Atom编辑器内置了Emmet缩写的语义描述提示（比如输入td会显示table data），但VSCode默认的Emmet补全提示不会展示这类元素全称说明。要实现相同效果，可通过以下两种方式解决：

方式一：调整VSCode内置设置 #

1. 打开VSCode设置（快捷键 Ctrl+, / Cmd+,）
2. 搜索并配置以下选项：
   • 将 emmet.showExpandedAbbreviation 设置为 always，确保Emmet缩写始终触发补全提示
   • 勾选 editor.suggest.showDocumentation，开启补全项的附加说明文档显示
   • 勾选 editor.suggest.preview，在补全列表中预览选中项的详情内容

方式二：安装增强扩展 #

如果内置设置无法达到预期效果，可以安装 HTML CSS Support 扩展：

• 该扩展会为HTML元素、属性提供更完整的语义描述，输入Emmet缩写时会直接显示元素的全称含义，和Atom的表现一致
• 安装完成后无需额外配置，在HTML、JSX等相关文件中输入缩写即可看到对应描述

内容的提问来源于stack exchange，提问作者Jess