在VSCode市场上快速搜索:https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap。

启动VS代码快速打开(Ctrl+P) 粘贴ext install htmltagwrap并进入 选择HTML 按Alt + W (Mac选项+ W)。

我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。

通过输入⌘Command+k⌘Command+s或Code > Preferences >键盘快捷键打开键盘快捷键 emmet型保鲜膜 点击“Emmet: Wrap with缩写”左边的加号 类型为“选项+w” 按回车键

在VSCode市场上快速搜索:https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap。

启动VS代码快速打开(Ctrl+P) 粘贴ext install htmltagwrap并进入 选择HTML 按Alt + W (Mac选项+ W)。

有一个快速输入的解决方案。

打开命令面板(通常是Ctrl+Shift+P) 首选项:打开键盘快捷键(JSON) 添加这个snap code ｛ “关键”:“ctrl +’”, “命令”:“editor.action.insertSnippet”, “当”:“editorTextFocus”, " args ": { “片段”:“~ ~ $ {TM_SELECTED_TEXT / ^ (\ \ [t] *) . * $ / $ 1 /} $ {TM_SELECTED_TEXT / ^ \ \ [t] * (. *) $ / $ 1 /} $ {TM_SELECTED_TEXT / ^ (\ \ [t] *) . * $ / $ 1 /} ~ ~” }， ｝ 选择任意文本并按ctrl+ '

结果:

~~YourText~~

嵌入的艾米特可以做到这一点:

选择文本(可选) 打开命令面板(通常是Ctrl+Shift+P) 执行Emmet:用缩写结尾 输入标签div(或缩写。wrapper>p) 回车

命令可以分配给键绑定。

这个东西甚至支持传递参数:

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

像这样使用它:

span.myCssClass 跨度# myCssId b b.myCssClass