如何在 VS 代码中进行标签包装？

Question

我想将我选择的 html 包装在 VS 代码的标签中。我怎么做？

原文由 hannes neukermans 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

嵌入式 Emmet 可以解决问题：

1. 选择文本（可选）
2. 打开命令面板（通常是 Ctrl + Shift + P ）
3. 执行 Emmet: Wrap with Abbreviation
4. 输入标签 div （或缩写 .wrapper>p ）
5. 按回车

命令可以分配给键绑定。

---

这个东西甚至支持传递参数：

 {
    "key": "ctrl+shift+9",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorHasSelection",
    "args": {
        "abbreviation": "span",
    },
},

像这样使用它：

• span.myCssClass
• span#myCssId
• b
• b.myCssClass

原文由 Alex 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 VSCode 市场上快速搜索： https ://marketplace.visualstudio.com/items/bradgashler.htmltagwrap。

1. 启动 VS Code 快速打开 ( Ctrl + P )

2. 粘贴 ext install htmltagwrap 并输入

3. 选择 HTML

4. 按 Alt + W （对于 Mac，按 Option + W ）。

原文由 hannes neukermans 发布，翻译遵循 CC BY-SA 3.0 许可协议