首页 > 解决方案 > 如何禁用 VS Code 自动重命名标签/HTML 镜像功能?

问题描述

我希望能够轻松地一起编辑 HTML 标记。在我看来,现在实现起来很容易,所以我安装了这个auto-rename-tag 扩展,结果证明它对我没有用:而不是帮助我进行 html/jsx 代码编辑,它破坏了一切,我必须撤消它所做的事情并尝试编辑它以避免触发它。

这里合乎逻辑的事情显然是从我的系统中删除这个扩展。然而,这里唯一的问题是我似乎无法做到这一点 - 我已经卸载了它,甚至重新安装了 VS Code,尝试了 VS Code Insiders,但它仍然是启用的:

在行动

现在是内置的吗?如何禁用它?

VSCode 版本:1.41.0,提交 9579eda04fdb3a9bba2750f15193e5fafe16b959

标签: visual-studio-code

解决方案


它已成为一个内置功能,独立于自动重命名标签扩展。如果您不喜欢它,可以根据您安装的版本禁用它。


更新 1.52+

该设置现已重命名为Linked Editing

修改匹配结束标签时编辑标签的On Type Rename功能现在称为链接编辑。启用链接编辑的命令是Start Linked Editing (⇧⌘F2),Escape 禁用链接编辑模式。

现在启用/禁用它的设置是:

"editor.linkedEditing": true 

或从用户界面:

设置 > 链接编辑


更新 1.44+

他们更改了镜像光标功能,现在将其称为Synced Regions

在此处输入图像描述
(从 VS Code 1.44 发行说明中复制)

在 HTML 标记上激活时,如果开始和结束标记都“同步”,则更改一个也会更改另一个。不过,该功能默认情况下是禁用的,您要么明确执行On Type Rename Symbol命令,要么将editor.renameOnType设置设置为 true。

通过此更改,html.mirrorCursorOnMatchingTag1.41 中引入的内容现在将显示为已弃用(或灰显)。

在此处输入图像描述


更新 1.42+

现在从1.42html.mirrorCursorOnMatchingTag开始默认禁用。 请参阅此其他答案以获取发行说明中的​​引用。


1.41的原始答案

它现在是从 1.41 开始的内置功能。

HTML 镜像光标
https://code.visualstudio.com/updates/v1_41#_html-mirror-cursor

VS Code 现在在编辑 HTML 标签时添加了“镜像光标”。此行为 html.mirrorCursorOnMatchingTag由默认情况下启用的设置控制。

当您的光标移动到 HTML 标记名称范围时,此功能通过向匹配标记添加多光标来工作。就像在多光标模式中一样,您可以使用逐字删除或逐字选择。当您将光标移到标签名称范围之外时,镜像光标将被移除。

基本上,选择标签开始或标签结束会在每个光标上放置 2 个光标,因此编辑一个也会编辑另一个。默认情况下启用。

您可以从设置中明确禁用它。

通过用户界面:

在此处输入图像描述

通过 settings.json:

"html.mirrorCursorOnMatchingTag": false,

推荐阅读