Visual Studio 代码：如何自动更改匹配的结束标记

Question

在 Visual Studio 代码中更改开始标记类型（例如，从

<div>

到

<span>

）时，我希望编辑器自动更改匹配的结束标记。我怎样才能做到这一点？

Answer 1

从 VSCode 1.44 开始，您可以启用匹配标签的自动更新，如下所示：

1. 转到文件菜单、首选项和设置
2. 搜索

   editor.linkedEditing

3. 启用“链接编辑”

以下是其工作原理的示例：

Answer 2

启动 VS Code，进入插件并搜索自动重命名标签。安装，重新加载，完成。这个插件： https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Answer 3

您可以使用重命名符号命令来执行此操作。

1. 选择（或单击将插入符号放在内部任意位置）开始标签
2. 点击F2
3. 输入新标签名称并按 Enter

开始和结束标签都将被重命名。

或者，您可以在第 3 步按 Shift + Enter 预览更改，然后再次按 Shift + Enter 应用它们。

Answer 4

正如@TwistedSim提到的，您可以使用 Ctrl + D

来实现这一点

Answer 5

F2

适用于 (js|jsx)。

如果您碰巧安装了 IntelliJ 键绑定，您可以使用

SHIFT + F6

实现相同的目的。

CNTRL+D

对我来说根本不起作用。我现在使用的是 Mac。

Answer 6

来自Anders Carstensen的答案

它适用于

.html

文件，但不适用于 React

.jsx

文件。
已接受答案中的自动重命名标签扩展对两者都有效

实际上，VSCode 1.78（2023 年 4 月）将支持

.jsx

/

.tsx

文件的标签重命名。
请参阅问题 159534 和 PR 179806，可在 VSCode Insiders 中找到。
它需要 TS 5.1+。

Answer 7