Visual Studio Code：如何删除 html 标签并同时写入多行？

Posted 2023-02-22

【中文标题】Visual Studio Code：如何删除 html 标签并同时写入多行？

【英文标题】：Visual Studio Code: How to remove html tags and write to multiple lines at the same time?

【发布时间】：2019-10-30 07:12:49

【问题描述】：

如何做到这一点：

我在这里找到了很多有用的技巧Multiline editing in VSCode

我知道我可以使用 Ctrl+Alt+Shift+Up/Down 我知道我可以按 Shift+Up/Down 并一起删除开始的 li 标签。但是结束的 li 标签不在同一视线范围内。

一个人如何做上面例子中显示的事情。

【问题讨论】：

选择常用的文字，然后用CTRL + D选择我相信的匹配文字

@NickParsons 您需要多次按 CTRL + D 才能选择所有匹配的元素。如果有 15 个 标签，您必须按 15 次。

啊，是的，我应该提到这一点，我的错。但这能达到你想要的效果吗？

拥有多个光标后，光标移动键会将动作应用于每个光标，因此如果您选择了所有开始标签，只需按 End 即可跳转到行尾。

@Strelok 哦，亲爱的。我认为将您的评论与尼克的评论结合起来就是问题的答案。

【参考方案1】：

好的，结合@Nick 和@Strelok 的宝贵cmets（谢谢大家），答案如下：

第 1 步： 使用 Shift+Right

选择 <li>

第二步：按Ctrl+D数次，直到选中所有<li>标签。

第 3 步：按 Del

第 4 步：按结束

第5步：按Backspace删除关闭</li>标签

第6步：按主页

第 7 步： 按 Left 键，直到您位于 <a> 标签内的正确位置。然后输入你想输入的任何内容。

尽管我只能从 @Nick 和 @Strelok 的 cmets 中推断出这个答案，但我还是决定自己发布答案，因为当两个 cmets 都同样有用时，将其中一个标记为答案是不公平的。我将暂时保留这个问题，以防有人提出更好的方法。也许是一种避免多次按 Ctrl+D 的方法。

【讨论】：

Ctrl+D 是 GIF 中使用的，但我会使用“在下方添加光标”热键（我认为默认情况下是 Ctrl+Alt+Down）。这样你就不需要先选择<li>。

【参考方案2】：

有一个 emmet 命令可以为你删除标签：editor.emmet.action.removeTag。它目前未绑定到任何键绑定，但您可以轻松制作自己的。这是一个没有绑定该命令的演示：

选择您的<li>，但是您在演示中选择 [I use Ctrl-Shift-L - 但会选择所有它们在文件中可能适合也可能不适合您的用例。] 触发editor.emmet.action.removeTag 箭头指向您的插入点。

非常简单，尤其是如果你给 emmet 命令一个键绑定。

【讨论】：

像魅力一样工作。谢谢

【参考方案3】：

您可以直接在 VSC 中查看整个键盘快捷键概览 Ctrl + K 或 Ctrl + R 或帮助菜单“键盘快捷键参考”

标记您想要的字符。 点击 Ctrl + F2 标记所有相似的事件。 同时更改所有内容。 重复其他更改。