Question

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

我希望这是问问的最佳地点，因为VS Code除了建议在此处提问外，实际上并没有社区部分。

在PHPStorm中，当您将光标放在结束标记上时，它将带有一条小的浮动线，向您显示开始标记的位置。非常适合确切地知道您正在查看的结束标记及其属性。

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

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

谢谢！

Answer 1

[我在html和js文件中对此进行了测试，但未在php文件中进行过测试。]

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

   "editor.highlightActiveIndentGuide": true,

//控制编辑器是否应显示缩进参考线

  "editor.renderIndentGuides": true,

这些是默认设置，然后我建议以下colorCustomizations：

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

上面的第二个使所有不活动的参考线透明，第一个使活动的参考线中间变灰。

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

使用该扩展名，请尝试以下设置：

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

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

Answer 2

HTML End Tag Labels 扩展可以帮到你。它显示 id 或 class，具体取决于结束标记后给出的内容。