使用VSCode进行开发和编码时，Emmet是一个非常有用的插件，它可以帮助我们快速编写HTML和CSS代码。Emmet提供了一些常用的缩写和语法，能够大大提高我们的编码效率和舒适度。在默认情况下，Emmet会将建议以单个标签的形式显示，但是我们也可以将其设置为显示为片段，以更好地理解代码结构。下面，我将为大家详细介绍如何在VSCode中将Emmet建议显示为片段。
1. 打开VSCode并安装Emmet插件
首先，确保你已经安装了VSCode编辑器。然后，在左侧的侧边栏中找到并点击扩展按钮。在搜索框中输入"Emmet"，然后点击安装。
2. 打开首选项设置
在VSCode中，点击左上角的"文件"选项，然后选择"首选项"，最后选择"设置"来打开首选项设置。或者使用快捷键"Ctrl + ，"来打开设置面板。
3. 配置Emmet显示为片段
在设置面板中，将光标放在搜索框中，并输入"emmet.showSuggestionsAsSnippets"来搜索Emmet的显示设置。然后，在下拉列表中选择"User"或"Workspace"，并点击右侧的"编辑"按钮。
3.1 User设置
如果你希望Emmet的显示设置应用于所有的项目和工作空间，选择"User"设置。这样，你只需点击"User"右侧的"复制到设置"按钮即可。
3.2 Workspace设置
如果你只希望Emmet的显示设置应用于当前项目或工作空间，选择"Workspace"设置。这样，只有当前项目中的代码会受到影响。
4. 修改Emmet的显示设置
在步骤3中，我们将会看到一个名为"Emmet: Show Suggestions as Snippets"的设置项。将其选中后，Emmet的建议将以片段的形式显示。
5. 保存设置并重启VSCode
最后，点击右上角的"保存"按钮以保存你的设置更改。然后关闭设置面板并重启VSCode，以使设置生效。
现在，当你在编写HTML或CSS代码时，你将会注意到Emmet的建议已经以片段的形式出现了。这将有助于你更好地理解和组织你的代码。
总结：
在本文中，我们学习了如何将Emmet的建议显示为片段。通过修改VSCode的首选项设置，我们可以将Emmet的建议更好地呈现给用户，使我们能够更清晰地理解和组织我们的代码。这将大大提高我们的编码效率和舒适度。希望这篇文章对你有所帮助！记住，合理地使用Emmet插件将会使你的开发工作更加轻松和高效。