我想在VS代码的标签内包装我所选择的html。 我怎么做呢?


当前回答

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

其他回答

在VSCode 1.47+中,你可以简单地使用OPT-w。

利用内置功能来触发emmet,这是最简单的方法:

选择你的text/html。 Shift +选项+ w 在命令面板中打开的emmet窗口中,输入所需的标记或包装代码。 输入 瞧

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

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

在我看来,使用snippet有一个更好的答案

用这样的定义创建一个代码片段:

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

然后在键绑定中将其绑定到一个键。例如:

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

我认为这应该给你完全相同的结果htmlltagwrap,但不需要安装扩展。

它将在选定的文本周围插入标签,默认为<b>标签&选择标签,因此键入可以更改它。

如果您想使用不同的默认标记,只需更改代码片段的body属性中的b。

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

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