Visual Studio Code 中的垂直列？

Posted 2023-02-22

【中文标题】Visual Studio Code 中的垂直列？

【英文标题】：Vertical column in Visual Studio Code?

【发布时间】：2020-04-01 22:47:33

【问题描述】：

我正在将我的开发转移到 VSCode，我想知道如何设置垂直列而不是垂直标尺，如 Vertical rulers in Visual Studio Code? 中所述：

我有什么：

我想要的是垂直列是实心的（vim 列的屏幕截图）：

更新

我实际上在@bgse 建议后花了一些时间，发现了所有必须修改才能启用此功能的地方。请参阅下面的绿色箭头。

box-shadow 参数限制所有标尺的阴影区域的大小。默认情况下，vscode 将其设置为1px。在（手动）增加它之后，可以（手动）增加view-ruler 元素的width。

有没有机会从 settings.json 文件中更改这些参数？

【参考方案1】：

据我所知，您目前无法仅使用设置和颜色主题来做到这一点。

在链接的问题答案的 cmets 中提到了一个扩展，它允许调整缩进线的粗细等，但对于市场上的编辑标尺似乎没有类似的东西。

不管怎样，你特别想触摸的 CSS 是 .monaco-editor .view-ruler box shadow。

【讨论】：

感谢您的建议。生成标尺的代码看起来很简单，但由于我对 CSS 和 html 的了解有限，我无法让它看起来像我想要的那样。甚至在调试模式下也不行。我会将 view-ruler 的代码留在这里https://github.com/microsoft/vscode/tree/master/src/vs/editor/browser/viewParts/rulers，以防有人想冒险添加此功能。这段代码为 sytle .monaco-editor .view-ruler box-shadow: 1px 0 0 0 #979797 inset; 插入这一行 玩 box-shadow 可以在一定程度上修改标尺粗细

我实际上进行了进一步调查，并找到了破解它的方法（请参阅相关更新）。欢迎就如何自动化提出建议。