我想将我选择的 html 包装在 VS 代码的标签中。 我怎么做？
【问题讨论】：
...
并在 ** 内包含此结果...**...
我刚刚从扩展市场安装了 htmltagwrap 并使用 ALT-W 来包装标签（Windows 版本）。
【讨论】：
由于我无法发表评论，我将扩展 Alex 的精彩回答。
如果您想要类似 Sublime 的环绕体验，请打开键盘快捷键（command ⌘/Ctrl+shift+P > Preferences: Open Keyboard Shortcuts (JSON)) 并添加以下对象：
{
"key": "alt+w",
"command": "editor.emmet.action.wrapWithAbbreviation",
"when": "editorHasSelection && editorTextFocus"
}
这会将 Emmet wrap 命令绑定到 选项 ⌥/Alt+W 选择文本时。
您也可以使用 UI 来执行此操作，打开键盘快捷方式菜单并搜索“emmet wrap with abbreviation”以添加快捷方式。
【讨论】：
嵌入式Emmet 可以解决问题：
Emmet: Wrap with Abbreviation
div（或缩写.wrapper>p）可以将命令分配给键绑定。
这个东西甚至支持传递参数：
{
"key": "ctrl+shift+9",
"command": "editor.emmet.action.wrapWithAbbreviation",
"when": "editorHasSelection",
"args": {
"abbreviation": "span",
},
},
像这样使用它：
span.myCssClassspan#myCssIdbb.myCssClass【讨论】：
Ctrl+p 是 goToFile。命令面板是Ctrl+Shift+P。
使用 VSCode 1.47+，您只需使用 OPT-w 即可。
利用内置功能触发emmet，这是最简单的方法：
emmet 窗口中，输入您需要的标记或包装代码。【讨论】：
许多命令已经附加到简单的ctrl+[key]，你也可以像ctrl a+b.
（如果这是您第一次阅读和弦键绑定：它们的工作原理是不松开 ctrl 键并在第一个键之后按第二个键。）
我的Emmet: Wrap with Abbreviation 绑定到 ((ctrl) (w+a))。
在 windows 中：文件 > 首选项 > 键盘快捷键 ((ctrl) (k+s))> 搜索 Wrap with Abbreviation >双击 > 添加您的组合。
【讨论】：
imo 使用 Snippets 有更好的答案
使用如下定义创建一个 sn-p：
"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> 标签并选择标签，因此您可以通过键入来更改它。
如果您想使用不同的默认标记，只需更改 sn-p 的 body 属性中的 b。
【讨论】：
Code > Preferences > Keyboard Shortcuts 打开键盘快捷键
emmet wrap
【讨论】：
在 VSCode 市场上快速搜索：https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap。
启动 VS Code 快速打开 (Ctrl+P)
粘贴ext install htmltagwrap并输入
选择 HTML
按 Alt + W（Option + W for Mac）。
【讨论】：
<p></p> 标签中，而不是通用的<div></div>，这似乎更明智。更糟糕的是它失败了。它产生像<p><p>My selected text.</p>这样的输出
<div>，则添加以下设置，"htmltagwrap.tag": "div"。