在visual studio代码中，当改变开始标签类型（例如，从<div>到<span>）时，我希望编辑器自动改变匹配的结束标签。我怎么做？
<div>
<span>
dauxcl2d1#
启动VS Code，进入Plugins并搜索Auto Rename Tag。安装，重新加载，完成。此插件：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
uqjltbpv2#
从VSCode 1.44开始，您可以启用自动更新匹配的标记，如下所示：1.转到文件菜单，首选项和设置1.搜索editor.linkedEditing1.启用“链接编辑”
editor.linkedEditing
下面是它的工作原理示例：
jm81lzqq3#
您可以使用Rename Symbol command来执行此操作。1.选择（或单击以将插入符号放在内部的任何位置）开始标记1.按F2键1.输入新标记名称并按Enter键开始和结束标记都将被重命名。或者，您可以在步骤3中按Shift + Enter键预览更改，然后再次按Shift + Enter键应用更改。
huwehgph4#
正如@TwistedSim所提到的，你可以使用Ctrl + D来实现这一点
oxcyiej75#
F2工作在（js|jsx）。如果你碰巧安装了IntelliJ Keybindings，你可以用SHIFT + F6实现同样的功能。CNTRL+D对我来说根本不起作用。我现在用的是Mac。
F2
SHIFT + F6
CNTRL+D
jckbn6z76#
来自Anders Carstensen的answer它适用于.html文件，但不适用于React .jsx文件。来自接受的答案的自动重命名标记扩展在这两个上都有效实际上，VSCode 1.78（2023年4月）将支持.jsx/.tsx文件的标记重命名。参见issue 159534和PR 179806，在VSCode Insiders中可用。它需要TS 5.1+。
.html
.jsx
.tsx
6条答案
按热度按时间dauxcl2d1#
启动VS Code，进入Plugins并搜索Auto Rename Tag。安装，重新加载，完成。此插件：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
uqjltbpv2#
从VSCode 1.44开始，您可以启用自动更新匹配的标记，如下所示：
1.转到文件菜单，首选项和设置
1.搜索
editor.linkedEditing1.启用“链接编辑”
下面是它的工作原理示例：
jm81lzqq3#
您可以使用Rename Symbol command来执行此操作。
1.选择（或单击以将插入符号放在内部的任何位置）开始标记
1.按F2键
1.输入新标记名称并按Enter键
开始和结束标记都将被重命名。
或者，您可以在步骤3中按Shift + Enter键预览更改，然后再次按Shift + Enter键应用更改。
huwehgph4#
正如@TwistedSim所提到的，你可以使用Ctrl + D来实现这一点
oxcyiej75#
F2工作在（js|jsx）。如果你碰巧安装了IntelliJ Keybindings，你可以用
SHIFT + F6实现同样的功能。CNTRL+D对我来说根本不起作用。我现在用的是Mac。jckbn6z76#
来自Anders Carstensen的answer
它适用于
.html文件，但不适用于React.jsx文件。来自接受的答案的自动重命名标记扩展在这两个上都有效
实际上，VSCode 1.78（2023年4月）将支持
.jsx/.tsx文件的标记重命名。参见issue 159534和PR 179806，在VSCode Insiders中可用。
它需要TS 5.1+。