VS Code 跳转到 matching/closing 标签

VS Code jump to matching/closing tag

在 Visual Studio 代码中,当光标位于 TSX 标签上时,我希望能够跳转到结束标签,因为它可能离开始标签有相当大的距离:

<MyComponent
  prop1="someValue"
  prop2={someOtherValue}
>
  <OtherComponent1 />

  {/* Some other code, many more lines...  */}

</MyComponent>

那么当光标在 <MyComponent> 的前 4 行内时如何跳转到 </MyComponent> ,反之亦然?

我已经偶然发现了 ,但是 Ctrl + Shift + P --> “Emmet:转到匹配对” 不起作用。 在 Marketplace 中搜索合适的 VS 代码扩展也没有结果。

有可能吗?

编辑:<MyComponent> 更改为不再自动关闭。

使用扩展名 multi-command 制作一个序列

  • Emmet: Balance outward
  • Arrow Right

在示例代码中,标签 MyComponent 由于第 4 行的正斜杠而自动关闭。因此,Emmet 命令保留在此标签上,而不是如您预期的那样移动到第 8 行。

没有 MyComponent 标签的更新代码片段是自关闭的:

<MyComponent
  prop1="someValue"
  prop2={someOtherValue}
>
  <OtherComponent1 />

  {/* Some other code, many more lines...  */}

</MyComponent>

使用此更新示例 CTRL + SHIFT + P 然后“Emmet:转到匹配对”工作正常。

按照您链接的 post 中的建议,您可以为命令 editor.emmet.action.matchTag 添加一个键绑定。