在VSCode中选择关闭标签时查看打开标签的方法？答案

【问题标题】：Way to view opening tag when closing tag selected in VSCode?在VSCode中选择关闭标签时查看打开标签的方法？
【发布时间】：2018-07-25 16:05:22
【问题描述】：

考虑在 PHP Storm 上使用 VS Code，我无法复制一个主要功能。不确定社区是否知道任何可用的插件或启用此功能的本地方式。

我希望这是最好的提问地点，因为 VS Code 除了推荐在这里提问之外，并没有真正的社区部分。

在 PHPStorm 中，当您将光标放在结束标签上时，它会有一条小浮动线显示开始标签的位置。非常适合准确了解您正在查看的结束标签及其属性。

此外，当您在标签中时，您可以在底部看到它，基本上是您所在位置的整个树。

这些是我认为我不能没有的最后几个主要的 PHP Storm 功能。如果有人知道复制其中任何一个的方法，我将不胜感激。

谢谢！

【问题讨论】：

【解决方案1】：

HTML 结束标签标签扩展可以帮助您。它显示 id 或 class，具体取决于结束标记后给出的内容。

【讨论】：

【解决方案2】：

[我在 html 和 js 文件中测试过这个，但不是 php 文件。]

// 控制编辑器是否应该突出显示活动的缩进指南

   "editor.highlightActiveIndentGuide": true,

// 控制编辑器是否应该渲染缩进指南

  "editor.renderIndentGuides": true,

这些是默认值，然后我建议使用以下颜色自定义：

"editorIndentGuide.activeBackground": "#fff8",
"editorIndentGuide.background": "#fff0",

上面的第二个使所有非活动指南透明，第一个使活动指南中间变灰。

要突出显示匹配的标签，请参阅match tag extension

使用那个扩展，试试这个设置：

"highlight-matching-tag.style": {
    "borderWidth": "2px",
    "borderStyle": "solid",
    "borderColor": "red",
    "borderRadius": "5px"
  },

更改此扩展程序的设置时，您需要重新加载 vscode 才能使其生效。

【讨论】：

啊，谢谢，但我正在关注突出显示并显示匹配的标签，即使匹配的标签当前行不在屏幕上，就像 intelliJ 和 Atom 的做法一样。
也许有一个扩展，我不知道。以上可能是你能得到的最接近的。还有跳转到另一个标签，见stackoverflow.com/questions/42996522/…，但这听起来也不是你想要的。