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

Question

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

Answer 1

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

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

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

Answer 2

@andr 仅用于垂直，完整的集合

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

，以及使用非常有意义的扩展的解决方法，用于选项卡组滚动条

（插入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 3

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

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

Answer 4

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

"workbench.editor.titleScrollbarSizing": "large"

Answer 5

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