VSCode-是否可以始终在顶部某个位置显示当前函数名称？

Question

对于编辑JavaScript或TypeScript总是始终在顶部看到当前函数名称（例如Xcode这样做）非常有用。有时，当编辑一个长函数（或使控制台遮挡屏幕的较大部分）时，能够验证我实际上是否在正确的函数中/知道我目前在哪个函数中将非常有用。 。

那可能吗？

Answer 1

将当前函数定义“固定”到编辑器顶部的另一种方法是使用sticky scroll.

粘性滚动是一项在视口顶部显示当前范围的功能。

• 来自https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_71.md#sticky-scroll

这是在 v1.70 中引入的，并且仍在改进中。目前正在设置中experimental，因此预计会发生一些变化。

在 v1.71 中，它将不再是“实验性的”，因此设置将变为：

Editor > Sticky Scroll: Enabled

在 v1.71 发布之前，这里是当前信息：

首先启用此设置：Editor > Experimental > Sticky Scroll: Enabled

将有一个切换命令来显示/隐藏粘性滚动线：editor.action.toggleStickyScroll

单击该粘性函数定义将带您到该函数的顶部。

控制/命令单击粘性滚动将带您到定义。

v1.70 发行说明中的​​另一个演示：粘性滚动

colorCustomizations目前，您可以使用以下内容修改背景颜色和阴影颜色settings.json：

"workbench.colorCustomizations": {
  "editorStickyScroll.background": "#444",
  "editorStickyScrollHover.background": "#f00",
  "scrollbar.shadow": "#fff9"      // with a little opacity for the dropShadow
},

有一个相关的设置：

Editor > Experimental > Sticky Scroll: Max Line Count
Defines the maximum number of sticky lines to show

上面的默认值是5.

Answer 2

这是在 VS Code 1.26 中添加的。它被称为breadcrumbs

默认情况下，为具有高级支持的语言启用面包屑导航。这包括开箱即用的 JS/TS、html 和 css。扩展可以添加对更多语言的支持