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

Question

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

Answer 1

您可以使用此扩展程序： https://github.com/Microsoft/vscode-htmltagwrap

或者您可以：

1. 打开命令面板：Command/Control+Shift+P (⇧⌘P)
2. 键入 "wrap"，然后 select "Wrap with abbreviation"
3. 输入您想要的标签并按回车键

Answer 2

要自动执行此操作，请转到。

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

并将其添加到您的 keybindings.json（右侧 window）

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

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

Answer 3

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