如何在 VS Code 中用标签包裹选定的文本并有效地重复操作？

Question

所有 <p> 标签已从提供空白格式的文档标记中删除。我需要用 css class 添加回 <p> 标签。文档近300行

是否可以在 VSCode 中创建 action/automation/key 绑定，以便使用 open/close 标签和 class 快速包装 selected 文本？为了澄清，我想 select 一些文本并使用一个动作来包装一个预定义的标签和一个 class 围绕它，对每一行重复这个过程。

ctrl + shift + p - Emmet：用缩写换行 是手动解决方案，虽然我认为这不算省时，因为我每次都需要输入标签和 class。

Answer 1

您可以进行简单的键绑定（在 keybindings.json 中）：

{
  "key": "alt+m",                                //whatever keybinding you choose
  "command": "editor.action.insertSnippet",
  // "when": "resourceExtname == .html",
  "args": {
    "snippet": "<p class=\"myClass\">$TM_SELECTED_TEXT</p>"
  }
}

如果您的 class 发生变化，您可以在那里放置一个制表位，而不是对特定的 class名称进行硬编码：

"snippet": "<p class=\"\">$TM_SELECTED_TEXT</p>"

它也适用于多光标。只有 Alt+m 用于触发代码段。其他击键只是设置多个光标，然后展开这些选择——您可能不需要。我不知道你是如何选择你的每一个案例的。

如何在 VS Code 中用标签包裹选定的文本并有效地重复操作？

How to wrap selected text with tags in VS Code and repeat the action efficiently?

visual-studio

visual-studio-code

vscode-settings