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

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

嵌入式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"
    }
},

像这样使用它：

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

在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）。

我无法发表评论，我将详细介绍Alex的出色答案。

如果您希望获得类似Sublime的包装体验，请打开Keymap Extensions（首选项> Keymap Extensions [ Cmd+ K Cmd+ M]）并添加以下对象：

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

当选择文本时，它将Emmet wrap命令绑定到Alt+W

（对不起，仅适用于OSX的说明）

1. 通过输入⌘ Command+ k ⌘ Command+ s或打开键盘快捷键Code > Preferences > Keyboard Shortcuts
2. 类型 emmet wrap
3. 单击“ Emmet：缩写包装”左侧的加号。
4. 类型⌥ Option+w
5. 按 Enter

imo使用代码片段对此有更好的答案

创建一个具有如下定义的代码段：

"name_of_your_snippet": {
    "scope": "javascript,html",
    "prefix": "name_of_your_snippet",
    "body": "<${0:b}>$TM_SELECTED_TEXT</${0:b}>"
}

然后将其绑定到keybindings.json中的键，例如：

{ 
    "key": "alt+w",
    "command": "editor.action.insertSnippet",
    "args": { "name": "name_of_your_snippet" }
}

我认为这应该为您提供与htmltagwrap完全相同的结果，而不必安装扩展名。

它将在选定的文本周围插入标签，默认为<b>标签并选择标签，以便您键入进行更改。

如果要使用其他默认标签，只需更改代码段b的body属性。