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

Question

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

Answer 1

嵌入式 Emmet可以做到这一点:

1. 选择文本(可选)
2. 打开命令面板(通常是Ctrl+Shift+P)
3. 执行 Emmet:用缩写换行
4. 输入标签div(或缩写.wrapper>p)
5. 点击 Enter

可以将命令分配给键绑定(bind)。

---

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

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

像这样使用它:

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