如何配置V.S. Code滚动条仅在代码行数超出可视区域时显示

VSCode原生支持仅当内容超出编辑器可视区域时才显示滚动条，你可以通过以下两种方式配置：

方式1：通过设置面板修改 #

• 打开设置面板：快捷键Ctrl+,（Windows/Linux）/Cmd+,（Mac）
• 在搜索框输入scrollbar.vertical，找到Editor > Scrollbar: Vertical选项
• 将下拉值修改为auto即可。如果需要横向滚动条也自动隐藏，找到Editor > Scrollbar: Horizontal修改为auto即可

方式2：直接修改配置文件 #

• 按下Ctrl+Shift+P（Windows/Linux）/Cmd+Shift+P（Mac）调出命令面板
• 输入Preferences: Open Settings (JSON)回车打开配置文件
• 添加以下两行配置：

"editor.scrollbar.vertical": "auto",
"editor.scrollbar.horizontal": "auto"

• 保存文件后配置立即生效

如果后续想要完全隐藏滚动条，也可以将对应值设置为hidden；默认值visible就是始终显示滚动条的状态。

效果参考：

内容的提问来源于stack exchange，提问作者cael ras