如何调整Visual Studio Code的窗口滚动条宽度?
如何加宽Visual Studio Code的滚动条
当然可以调整VSCode的滚动条宽度!我之前也被这个窄滚动条折腾过,鼠标经常滑空,太影响效率了。下面是两种最实用的调整方法,覆盖编辑器内和整个工作台的滚动条:
方法一:通过设置JSON精确调整
这是最灵活的方式,能分别控制不同区域的滚动条宽度:
- 打开VSCode的设置JSON文件:
- 按
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置界面,点击右上角的{}图标切换到JSON编辑模式; - 或者按下
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开命令面板,输入Open Settings (JSON)并回车。
- 按
- 在JSON文件中添加以下配置(数值可以根据你的习惯调整,默认一般是8-10像素,12-15像素会好点击很多):
// 调整编辑器区域的垂直/水平滚动条宽度 "editor.scrollbar.verticalScrollbarSize": 12, "editor.scrollbar.horizontalScrollbarSize": 12, // 调整工作台全局滚动条宽度(侧边栏、终端面板等) "workbench.scrollbar.verticalScrollbarSize": 12, "workbench.scrollbar.horizontalScrollbarSize": 12, // 可选:鼠标悬停时滚动条自动变宽 "editor.scrollbar.hoverPreferedScrollbarSize": 16, - 保存文件,VSCode会自动应用设置,不需要重启。
方法二:通过图形化设置界面调整
如果你不习惯编辑JSON,也可以在图形化设置里找到对应的选项:
- 打开设置界面(
Ctrl+,/Cmd+,),在搜索框输入scrollbar size; - 你会看到「Editor: Vertical Scrollbar Size」「Workbench: Vertical Scrollbar Size」等选项,直接拖动数值框或者输入你想要的像素值即可。
调整完之后,滚动条的点击区域会明显变大,再也不用担心鼠标点不准啦!
内容的提问来源于stack exchange,提问作者Andr




