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

Question

所有<p>标签都从提供空白格式的文档标记中剥离。我需要<p>用 css 类添加回标签。该文档近300行。

是否可以在 VSCode 中创建操作/自动化/键绑定，以使用打开/关闭标签和类快速包装选定的文本？为了澄清这一点，我想选择一些文本并使用一个操作来包装预定义的标签和围绕它的类，对每一行重复该过程。

ctrl+ shift+ p- Emmet：用缩写换行是手动解决方案，但在我看来并不省时，因为我每次都需要输入标签和类。

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>"
  }
}

如果你的类发生变化，你可以在那里放置一个制表符，而不是硬编码特定的类名：

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

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