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

Question

我正在使用VSC开发html页面。 使用VSC和emmet的体验非常棒，但有时候我会遇到这样的情况：我需要用一个 <div> 包裹一组元素，但必须在单行上使用 emmet，然后将结束标签剪切并粘贴到要映射的元素集合的末尾。

是否有任何方法可以使用 emmet 并自动将其输出包装在选定的元素集合周围？

- Raghavendra Kumar

Answer 1

尝试使用Emmet: Wrap with Abbreviation命令：

- Matt Bierner

---

如果您需要在每行周围添加标签，请将作为后缀添加到标签中。例如： 1.选择行 2.选择Emmet使用缩写包装单独行 3.输入命令 "li" - Jimmy

Answer 2

最简单的方法是使用快捷键，您可以为此分配自己的按键。在以下位置进行操作：文件 > 首选项 > 键盘快捷方式 > 编辑按键绑定并分配自己的按键。

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

- Shamseer Ahammed