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

Posted 2023-02-21

【中文标题】Visual Studio 代码：如何自动更改匹配的结束标记

【英文标题】：Visual studio code: how to automatically change the matching closing tag

【发布时间】：2019-01-19 01:58:35

【问题描述】：

在 Visual Studio 代码中更改开始标记类型时（例如，从 <div> 到 <span>）我希望编辑器自动更改匹配的结束标记。我该怎么做？

【问题讨论】：

有vscode扩展可以解决你的问题。

这很可能会帮助你***.com/a/44982436/12069171

【参考方案1】：

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

【讨论】：

这个插件很破。不推荐。任何其他解决方案表示赞赏

自v1.41开始，内置于code.visualstudio.com/updates/v1_41#_html-rename-tags

@JamesMulholland 大多数时候效果都很好..

【参考方案2】：

您可以使用Rename Symbol command 来执行此操作。

选择（或单击以将插入符号放在其中的任意位置）开始标记 点击F2 输入新标签名称并按Enter

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

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

【讨论】：

这会将组件的导入语句重命名为OldName as NewName... :( Ctrl+D 可能是最好的选择。

F2 的一个缺点是您不能使用它来设置空标签。如果删除名称并回车，则会取消操作。

【参考方案3】：

正如@TwistedSim 所述，您可以使用 Ctrl + D

来实现此目的

【讨论】：

这是 VS Docs 说要使用的。

【参考方案4】：

从 VSCode 1.44 开始，您可以像这样启用匹配标签的自动更新：

转到文件菜单、首选项和设置 搜索editor.linkedEditing 启用“链接编辑”

这是一个如何工作的例子：

【讨论】：

我启用了它，但它仍然没有链接版本...我必须按 F2 才能更改..

它适用于 .html 文件，但不适用于 React .jsx 文件。接受的答案中的自动重命名标签扩展对两者都有效。

【参考方案5】：

F2 在 (js|jsx) 中工作。

如果您碰巧安装了 IntelliJ 键绑定，您可以使用 SHIFT + F6 实现相同的目的。

CNTRL+D 根本不适合我。我现在在 Mac 上。