使用 Emmet 在 Visual Studio 代码中包装 HTML 元素

Wrapping a HTML element in Visual Studio Code using Emmet

我正在使用 VSC 开发 html 页面。将 emmet 与 VSC 一起使用是一次很棒的体验,但我经常发现我必须用 div 包装一组元素,但必须在一行上使用 emmet,然后剪切粘贴结束标记在我要映射的元素集的末尾。

有什么方法可以使用 emmet 并自动将 emmet 的输出包裹在一组选定元素周围吗?

尝试 Emmet: Wrap with Abbreviation 命令:

最简单的方法是使用键绑定,您可以为此分配自己的键。 file > preference > keyboard shortcuts > editkeybindings 并分配你自己的

[{ "key": "ctrl+shift+g", "command":"editor.emmet.action.wrapWithAbbreviation", "when": "editorTextFocus && !editorReadonly" }]