如何创建快捷方式以在 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 并进行更改。
我正在使用 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 并进行更改。