有没有办法使 vscode 行号字段的宽度变小？

包含代码行号的垂直列太宽。有办法缩小范围吗？

vsc view of line numbers

31865 次浏览
小开

不能更改此列的大小。

实际上有三栏:

enter image description here

  • Linennumber 的左边是名为 glyphMargin的列，这是设置调试断点(红点)的位置。(当您编辑设置时，如下面的屏幕截图所示，当您指向该行时，该列将显示一支钢笔)
  • 行号本身
  • 在它的右边，你可以折叠/展开你的代码。

如果所有三个都是活动的，它看起来像这样(设置)或类似以上(代码)

enter image description here

为了节省空间，你可以

  • 关闭行号的显示:

    "editor.lineNumbers": "off"

    enter image description here

  • 关闭代码折叠功能:

    "editor.folding": false

    enter image description here

  • 如果不使用调试器，请禁用 glyphMargin:

    "editor.glyphMargin": false

    enter image description here

这可能不是您想要的，但是如果您不使用代码折叠或调试器，或者不需要 lin枚举号，那么您至少可以节省一点空间。 要更改这些设置，请按 ctrl,或单击菜单文件/首选项/设置。

小开

实际上，VisualStudio 代码中有一个 非法设置可以完全满足您的需要。它被称为 "editor.lineDecorationsWidth"，虽然你会得到某种形式的警告 设置参数未知或下划线弯弯曲曲，它将工作。

这是行号占用的最小可能空间的配置(当然，还要保留行号) :

"editor.lineDecorationsWidth": 0,
"editor.glyphMargin": false,
"editor.folding": false,

来源: https://github.com/Microsoft/vscode/issues/48791

[2020年5月编辑] 非法设置的名称显然已更改为 editor.lineDecorationsWidth

小开

如果你专门为它创建一个字体，我怀疑要么填充字体边界更多，然后设置为首选字体，然后调整放大/缩小。根据图形输出的预处理，有时可以缩放 vsCode 从其软件呈现的显示。如果实际上是这种情况，也许你放大太小的字体，它可能看起来不同，你比其他任何人。更改在 vm 中安装 vscode 的尝试可能会有所帮助，以查看默认值是否看起来相同。也许这是一个设置或扩展导致您的机器上的图形工件。

小开

如果您使用 CustomizeUI 插件，您可以编辑 CSS 来修改宽度，如下所示... ... 然而，我注意到一个问题是，折叠箭头的单击区域变得有点不对齐(仍然可用，只有几个像素)。我不完全确定如何解决这个问题(可能看起来不够努力)。

下面是一些用于缩小行号边距宽度的 CSS:

"customizeUI.stylesheet": {
// Change width/appearance of line-number, breakpoints, code-folding arrows:
".monaco-editor .margin": "background: #111; width: 55px !important;",
".monaco-editor .glyph-margin": "width: 0px !important;",
".monaco-editor .margin-view-overlays": "width: 55px !important;",
".monaco-editor .margin-view-overlays .cgmr": "width: 0px !important; display: none;", // hide breakpoints (I don't use them) (not necessary if editor.glyphMargin = false)
".monaco-editor .cldr.codicon.codicon-folding-expanded, .monaco-editor .cldr.codicon.codicon-folding-collapsed": "left: 22px !important; width: 30px !important;",
".monaco-scrollable-element.editor-scrollable": "left: 50px !important;",
".monaco-editor .margin-view-overlays .line-numbers": "left: 3px !important;"
}
小开

[以防人们来这里寻找如何更改字形边缘，我会注意到这个即将出现的“特性”。]

一个设置被添加到 扩张的 glyphMargin-该部分的行号的左边，例如断点点去。

glyphMarginRightPadding

现在是1.61版本，应该在2021年10月初发布到 Stable。但是默认值 0是当前的宽度-不幸的是，只能用正数展开它。


提交答案