在 VSCode 中使用 html 标签包装选择的键绑定答案

【问题标题】：Key binding to wrap a selection with an html tag in VSCode在 VSCode 中使用 html 标签包装选择的键绑定
【发布时间】：2016-09-22 03:00:16
【问题描述】：

VSCode 中是否有默认键绑定以将选择内容包装在 HTML 标记中，例如 Visual Studio 2015 中的键盘快捷键 Shift+alt+W？我在文档或默认键盘快捷键中找不到任何类似的东西，表明它开箱即用。

【问题讨论】：

【解决方案1】：

你可以使用这个扩展： https://github.com/Microsoft/vscode-htmltagwrap

或者你可以：

【讨论】：

此扩展允许重新定义默认标签（为我节省了一些击键），例如，<code>...</code> 使用 "htmltagwrap.tag": "code"
截至 2021 年 1 月 25 日，vscode-htmltagwrap 扩展的最后一次更新是在 2016 年。我认为使用 VS Code 内置的 Emmet 会更好。见this sibling answer。

【解决方案2】：

要自动执行此操作。

文件 > 首选项 > 键盘快捷键

并将其添加到您的 keybindings.json（右侧窗口）中

{
    "key": "ctrl+shift+enter",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorTextFocus && !editorReadonly"
}

您可以将 ctrl+shift+enter 替换为您自己的组合键。

【讨论】：

这是真的！您也可以使用命令面板 (ctrl+shift+p) 并编写“emmet wrap”，然后自动完成将显示命令。当我不想将任何键绑定到命令时，我最近经常使用命令面板
是否可以在键绑定中指定标签？例如，...?

【解决方案3】：

或者直接在 VScode 中搜索 HTMLtagwrap 扩展，进行选择。然后使用 Alt + W。然后输入新标签。

【讨论】：

截至 2021 年 1 月 25 日，vscode-htmltagwrap 扩展最后一次更新是在 2016 年。我想你会更好地使用 VS Code 中内置的 Emmet。见this sibling answer。