Question

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

Answer 1

您无法更改此列的大小。

实际上有三列：

是名为glyphMargin的列，它是设置调试断点（红点）的地方。（当您编辑设置时，当您指向该行时，该列会显示一支笔，如下面的屏幕截图所示）
行号本身
右边你可以折叠/展开你的代码。

如果这三个都是活动的，它看起来像这样（设置）或类似上面（代码）

为了节省空间，你可以

关闭行号显示：
```
"editor.lineNumbers": "off"
```
关闭代码折叠功能：
```
"editor.folding": false
```
如果您不使用调试器，请停用glyphMargin：
```
"editor.glyphMargin": false
```

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

Answer 2

实际上，Visual Studio Code中有一个未记录的设置，它可以通过设置行号栏要占用的最小字符宽度来完全满足您的要求。它称为"editor.lineNumbersMinChars"，尽管您会收到警告未知的设置参数或下划线，但它仍然可以工作。

这是行号占用的最小可能空间的配置（当然要保留所述行号）：

"editor.lineNumbersMinChars": 1,
"editor.glyphMargin": false,
"editor.folding": false,

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

Answer 3

如果您专门为它创建一种字体，我怀疑是填充字体界限更多，然后将其设置为首选字体，然后调整放大/缩小。视图形输出预处理而定，有时会缩放vsCode从其软件渲染的显示。如果实际上确实是您放大得太小字体的情况，那么对您来说，它看起来可能与其他人有所不同。尝试在虚拟机中安装vscode来查看默认值是否相同可能会有所帮助。可能是设置或扩展程序导致您的计算机上出现图形伪像。

Answer 4

如果您使用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;"
}

有没有办法让vscode行号字段的宽度更小？

4 个答案: