如何创建快捷方式以在 VS Code 中的选定文本周围添加标签

How to create a shortcut to add tags around selected text in VS Code

我正在使用 VS Code 编辑降价文件,我想创建一些新的快捷方式,例如突出显示或在所选文本下划线。这可以通过用 <mark>TEXT</mark><u>TEXT</u> 包围选定的文本来实现。我想创建新的快捷方式来在所选文本周围添加这些标签,就像使用 CTRL+B 添加 **TEXT** 一样。 =13=]

我知道如何创建代码片段,但不知道如何编写这些快捷方式的命令。

这是我作为 VS Code 用户可以推荐的内容。

请添加此代码段,

"MYmARK": {
    "scope": "",
    "prefix": "my mark",
    "body": [
        "<mark></mark>"
    ],
    "description": "mymark"
},

然后。 由于您正在选择该文本, 你可以剪掉它并写下“mymark”,这样代码片段就会显示出来。然后按回车

然后粘贴您的文本,它将直接插入 $1 所在的位置。

这在VSCode中非常简单,因为它集成了Emmet

您只需 select 文本,打开命令托盘 (CTRL SHIFT P) 和 select Emmet: Wrap with Abbreviation 并编写您的标签,它会自动将测试包装在该标签中。您也可以使用 Emmet class 和标记语法。

这是一个演示:

您也可以在 VSCode 中为此操作设置键盘快捷键。在键盘快捷键屏幕中,您可以搜索 Emmet wrap 并进行更改。