如何在Visual Studio代码中使滚动条更宽？

Question

有没有办法让Visual Studio Code的窗口滚动条更宽？我发现与其他应用相比，它们的几个像素太瘦了，我的鼠标经常会错过我试图点击的精确位置。

Answer 1

从VS Code 1.48.0开始，settings.json中的以下行帮助我将水平滚动条放大：

"workbench.editor.titleScrollbarSizing": "large"

Answer 2

您需要编辑％APPDATA％\ Code \ User \ settings.json文件并添加

,"editor.scrollbar.verticalScrollbarSize": 15
,"editor.scrollbar.horizontalScrollbarSize": 15

Answer 3

@and仅用于垂直方向， 全套

,"editor.scrollbar.verticalScrollbarSize": 10
,"editor.scrollbar.horizontal": "visible"
,"editor.scrollbar.horizontalScrollbarSize": 15

和workaround，对于选项卡组滚动条

使用非常有意义的extension

（要插入 custom.css ）：

/*tab group scrollbar;*/
.monaco-workbench>.part.editor>.content .editor-group-container>.title.tabs>.tabs-and-actions-container>.monaco-scrollable-element .scrollbar,
.monaco-workbench>.part.editor>.content .editor-group-container>.title.tabs>.tabs-and-actions-container>.monaco-scrollable-element .scrollbar .slider {
    height: 20px !important;
}

/*scrollbars;
.monaco-workbench>.part.editor>.content .editor-group-container>.editor-container .monaco-scrollable-element .scrollbar
, .monaco-workbench>.part.editor>.content .editor-group-container>.editor-container .monaco-scrollable-element .scrollbar .slider {
    height: 20px !important;
}
*/

Answer 4

自 VSCode 2021 年 6 月发布（版本 1.58）以来，可以直接在设置中编辑滚动条（按 ctr+, 可以更快地到达那里）并搜索 editor.scrollbar。您可以在那里更改垂直滚动条的大小。

Answer 5

感谢戴的链接。未记录的属性editor.scrollbar.verticalScrollbarSize为代码窗口处理此问题。它不会影响文件资源管理器上的滚动条，但现在还可以。

Answer 6

您也可以让打开的标签换行而不是滚动：

upload_to

Answer 7

我在 Windows 10 操作系统上使用 Visual Studio Code 1.58.2。

1. 打开菜单：文件 -> 首选项 -> 设置。
2. 将打开“设置”标签。在搜索框中，输入标题滚动条大小。
3. 将下拉列表值从默认更改为大。
4. 关闭“设置”标签。
5. 完成！恭喜。

如果你想测试它，打开多个文件，你会看到顶部的水平滚动条更宽，更容易被鼠标指针选中。