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

Question

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

Answer 1

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

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

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

---

这件事甚至支持传递参数：

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

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 +选项+ W）。

Answer 3

由于我无法评论，我将扩展Alex的精彩答案。

如果你想要像Sublime一样的经验包装打开Keymap Extensions（首选项> Keymap Extensions [Cmd + K Cmd + M]）并添加以下对象：

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapIndividualLinesWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

选择文本时，将Emmet换行命令绑定到Alt + W.

（对不起OSX指令）

Answer 4

1. 通过键入⌘Command+k⌘Command+ s或Code > Preferences > Keyboard Shortcuts打开键盘快捷键
2. 输入emmet wrap
3. 单击“Emmet：Wrap with Ubreviation”左侧的加号
4. 键入⌥选项+ w
5. 按Enter键