如何在VS代码中包装标签? [英] How to do tag wrapping in VS code?

问题描述

我想将我选择的html包装在VS代码中的标记内. 我怎么做?

I would like to wrap my selected html within a tag in VS code. How do I do that?

推荐答案

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

Embedded Emmet could do the trick:

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

1. Select text (optional)
2. Open command palette (usually Ctrl+Shift+P)
3. Execute Emmet: Wrap with Abbreviation
4. Enter a tag div (or an abbreviation .wrapper>p)
5. Hit Enter

可以将命令分配给按键绑定.

Command can be assigned to a keybinding.

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

This thing even supports passing arguments:

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

像这样使用它:

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

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

这篇关于如何在VS代码中包装标签?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！