You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何调整Visual Studio Code的窗口滚动条宽度?

如何加宽Visual Studio Code的滚动条

当然可以调整VSCode的滚动条宽度!我之前也被这个窄滚动条折腾过,鼠标经常滑空,太影响效率了。下面是两种最实用的调整方法,覆盖编辑器内和整个工作台的滚动条:

方法一:通过设置JSON精确调整

这是最灵活的方式,能分别控制不同区域的滚动条宽度:

  1. 打开VSCode的设置JSON文件:
    • Ctrl+,(Windows/Linux)或 Cmd+,(Mac)打开设置界面,点击右上角的 {} 图标切换到JSON编辑模式;
    • 或者按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)打开命令面板,输入 Open Settings (JSON) 并回车。
  2. 在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,
    
  3. 保存文件,VSCode会自动应用设置,不需要重启。

方法二:通过图形化设置界面调整

如果你不习惯编辑JSON,也可以在图形化设置里找到对应的选项:

  • 打开设置界面(Ctrl+,/Cmd+,),在搜索框输入 scrollbar size
  • 你会看到「Editor: Vertical Scrollbar Size」「Workbench: Vertical Scrollbar Size」等选项,直接拖动数值框或者输入你想要的像素值即可。

调整完之后,滚动条的点击区域会明显变大,再也不用担心鼠标点不准啦!

内容的提问来源于stack exchange,提问作者Andr

火山引擎 最新活动