假设我有以下代码
<div class="footer">
<div>Foo</div>
</div>
如何将 .footer 从 div 元素更改为 footer 元素？
也就是说，如果我将光标放在div 中，我正在寻找用于选择元素的开始和结束标签的键盘快捷键。我相信我之前在 Sublime 中使用过 emmet 来执行此操作，但我似乎无法在 Code 中找到类似的功能。 （理想情况下，这也适用于 JSX 文件......）
【问题讨论】：
2021 年 3 月更新：
不需要扩展，现在已经在 VSCode 中编写了。
"editor.linkedEditing": true
在此处阅读更多信息：https://code.visualstudio.com/Docs/languages/html#_auto-update-tags
【讨论】：
Linked Editing -> "editor.linkedEditing": true
Auto Rename Tag分机
V1.41 正在添加此功能，请参阅https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_41.md#html-rename-tags
HTML 重命名标签
您现在可以使用 F2 重命名 HTML 中的开始/结束标记对。
F2 当光标在其中一个标签上时，您将获得一个带有光标的小输入框以输入新标签名称，并且开始/结束标签将替换为您键入的任何内容上。
同样令人感兴趣的可能是刚刚在 v1.41 中添加的“镜像标签”功能 (https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_41.md#html-mirror-cursor)：
在标签内单击将在匹配的开始或结束标签中创建另一个光标。
现在，当您编辑 HTML 标签时，VS Code 会添加一个“镜像光标”。 此行为由设置控制
html.mirrorCursorOnMatchingTag，默认开启。
--------- v1.42正在改变镜像光标的默认状态：
HTML 镜像光标默认关闭
我们已将镜像光标设为可选功能。在即将到来的 迭代，我们将继续改进其实现以使 功能更易于理解并适用于更多语言。 您仍然可以通过打开来使用此功能
html.mirrorCursorOnMatchingTag.
感谢 JerryGoyal 在下面的回答（我已投赞成票） - 我继续这个持续的回答。
因为我已经跟踪了半年多了，v1.44再次重命名了它。来自Synced Regions：
同步区域
我们改进了去年 11 月推出的镜像光标功能 使用名为 Synced Regions 的新实现。目前这 功能可用于 HTML，您可以通过以下方式之一试用 以下方式：
在 HTML 标签上运行命令
On Type Rename Symbol（绑定到 Ctrl+Shift+F2 默认）。
打开editor.renameOnType 设置并将光标移动到 HTML 标记。
红色区域是同步区域。正如他们的名字所暗示的，任何改变 在一个区域将同步到其他区域。您可以退出此模式 通过将光标移出区域或按
ESC。 此外，键入或粘贴任何以空格开头的内容 在任何地区退出此模式。我们期待提供一个 API 来实现这一点 可用于其他语言（例如 JSX）的 rename-on-type 体验， XML，甚至 TypeScript 中的局部变量。
正如最后一部分所述，它可以在 html 中开箱即用，但其他语言需要自己实现。截至 2020 年 6 月，通过我的测试，它仍然无法在嵌入的 html 标签上的 jsx 文件中工作。
您必须在设置中启用此功能，它默认关闭。
【讨论】：
快速简单的选择工具也可以正常工作，但并不完美。 它有超过 40k 的下载量 https://marketplace.visualstudio.com/items?itemName=dbankier.vscode-quick-select
它允许您选择工具
【讨论】：
你可以使用 Emmet 更新标签在没有扩展的情况下做到这一点
开始和结束标记更新为新的。
【讨论】：
在 Windows 上按 CTRL + D。正如@tataata 所说，Mac OS 上的 CMD + D 。不限于标签重命名。很有用。
【讨论】：
div 并且在其中你有一个句子，例如“有些人很了不起”，那么你不会重命名结束的 div，而是从“个人”重命名“div”......还有，如果您有多个/嵌套相同的元素，比如说 3 个嵌套 div。您尝试重命名第一个或第二个，它不起作用。
您可以使用快捷键cmd + D (Mac OS) 将下一个匹配元素添加到选择中，然后可以同时编辑打开和关闭标签。
【讨论】：
<footer class="footer"><footer>Foo</footer></footer> 或<footer class="footer"><footer>Foo</div></div>
您要重命名成对的标签吗？如果是，有一个更简单的方法：您只需要安装Auto Rename Tag 扩展。当您重命名一个 HTML 标签时，它会自动重命名配对的 HTML 标签。
【讨论】：
"auto-rename-tag.activationOnLanguage": ["html", "handlebars"] 添加到settings.json 文件没有帮助。
我正在使用标签重命名。在标签上按 F2，它会重命名开始和结束标签。
https://marketplace.visualstudio.com/items?itemName=krizzdewizz.tag-rename
【讨论】：