Visual Studio代码与html标记不匹配

Question

我正在使用visual studio代码来编写html，但它没有识别当前所选文本的结束标记的功能。我怎样才能实现同样的目标？

以下是VS代码的外观：

你能建议任何扩展或我如何实现这一目标？ VS Code 1.7.1

Answer 1

安装此扩展程序

highlight-matching-tag

并将settings.json更改为

"highlight-matching-tag.leftStyle": {
    "borderWidth": "0 0 0 3px",
    "borderStyle": "dotted",
    "borderColor": "red",
    "borderRadius": "5px"
 },

Answer 2

我认为您选择PHP或其他东西用于“语言模式”，在HTML上进行更改

Answer 3

我不确定你是否安装了任何突破突出显示的扩展程序？如果我使用您的示例，它会默认突出显示结束标记：

此外，还有一个内置的Emmet命令，可以在开始/结束标记之间跳转。在命令面板中，您可以搜索“Emmet：Go to Matching Pair”。

如果将其绑定到快捷方式，则可以按两次，例如两次，以查看光标在标记之间跳转。要绑定的命令的名称是editor.emmet.action.matchingPair

Answer 4

我有同样的问题，HTML片段扩展解决了它。只需安装它Html snippet

并且只需在设置中进行一些更改，转到文件 - >首选项 - >设置，您现在可以在右侧看到用户设置，添加以下代码

,"files.associations": {
    // extension name : html
    "*.php": "html",
    "*.html": "html"
}

你准备好了。请享用 ：）

Answer 5

迟到，但VSCode现在默认支持匹配标签突出显示。

Answer 6

我也有这个问题。如果单击并拖动它，则选择突出显示该文本的所有单词，但如果只是单击它，则似乎选择结束标记。所以，只需单击一个标签即可获得该对，不要双击或单击并拖动。

Answer 7

我有一些标签匹配和突出显示相同的问题，而其他人没有。

奇怪的是，如果我创建了一个新文件，并将一堆标签正确地突出显示。

事实证明，创建原始页面的人使用</br>进行换行。这打破了开放和关闭标签的突出显示，其中发生了</br>。我将</br>改为<br />，现在一切都很开心。

它也发生在<link></link>，我通过删除结束标记修复。

我建议如果你有这个问题来寻找不需要/不需要的结束标签。

Answer 8

安装“支架对Colorizer”扩展。文件 - >首选项 - >设置 - >用户设置（文本编辑器）。您可以在json视图中编辑。

Answer 9

首先确认你的visual studio有这个扩展它安装默认，但为了安全起见，你可以通过以下步骤检查和解决匹配div的突出显示问题：

1. 去视觉工作室，输入Ctrl+P
2. 确保
3. 打开preferences> setting
4. 粘贴这个：

---

"editor.occurrencesHighlight": false,
"highlight-matching-tag.styles": {
  "opening": {
    "name": {
      "underline": "red"
    }
  }
}

---

残疾人亮点的第一行。

你可以选择颜色：红色或其他任何可能对你有帮助

@谢谢