vscode系列编辑器的窗口字体大小设置

date
Dec 20, 2025
AI 摘要
slug
vscode-window-font-size-settings
status
Published
tags
tools
summary
如何在 VS Code 中调节鼠标滚轮滚动灵敏度、控制文件底部空白区域,并通过整体缩放与编辑器字体设置间接放大侧边栏字体,改善阅读与编辑体验
type
Post
记录一些vscode 中的设置。
notion image

一、调整滚轮的灵敏度

VS Code 中确实可以调整滚轮的灵敏度。你可以按照以下步骤来把这一项调慢:
  1. 打开设置
      • 在 Mac 上按 Cmd + , (逗号)。
      • 或者直接点击左下角的齿轮图标 -> Settings (设置)。
  1. 搜索配置项
      • 在搜索框中输入 scroll sensitivity
  1. 调整数值
      • 找到 "Editor: Mouse Wheel Scroll Sensitivity" (编辑器:鼠标滚轮滚动灵敏度)。
      • 默认值通常是 1。
      • 想要调慢,可以将其设置为小于 1 的小数,例如 0.8 。你可以在编辑器里试着滚动一下,找到适合你的速度。
(顺便提一下,如果你是指按住 Alt 或 Option 键时的快速滚动,也可以搜 fast scroll 来调整那个特定的的倍率。)

二、调整文件底部的空白区域

在 VS Code 中,调整文件底部的空白区域主要涉及到两个设置。你可以根据自己的喜好来组合使用:
方法一:开关“无限滚动”(彻底去掉或是保留大片空白)
这是最常用的设置。默认情况下,VS Code 允许你把最后一行代码滚动到屏幕的最顶端,这会导致底部出现大片空白。
  1. 打开设置 Cmd + , (逗号)。
  1. 搜索 scroll beyond
  1. 找到 "Editor: Scroll Beyond Last Line" (编辑器:滚动越过最后一行)。
      • 取消勾选:滚动条到底时,最后一行代码会停在屏幕最底部(没有大片空白)。
      • 勾选(默认):许滚动超过最后一行,直到最后一行显示在窗口顶部。
方法二:微调底部留白大小(精确控制像素)
如果你选择了取消勾选上面的选项,但觉得代码贴着底边太挤,或者你想在这个基础上增加一点点固定的缓冲区,可以用这个设置:
  1. 打开设置 Cmd + , (逗号)。
  1. 搜索 padding bottom
  1. 找到 "Editor › Padding: Bottom"
  1. 输入一个数值(例如 10、50 或 100)。
      • 这会在文件内容的最后一行下方增加指定像素的空白区域。
总结建议: 如果你想要“适度”的空白,建议取消勾选 Scroll Beyond Last Line,然后将 Padding: Bottom 设置为 100 左右。这样既不会无限滚动,也不会让代码贴底。

三、VS Code 设置侧边栏字体大小

VS Code 不支持单独设置侧边栏(资源管理器)的字体大小。它的设计逻辑是整个窗口(UI)的缩放是统一的。
不过,你可以通过组合调整来达到想要的效果:
方法:缩放整个界面 + 调小编辑器字体
如果你觉得侧边栏字太小,可以先把整个 VS Code 界面放大,然后再把代码编辑区的字体单独调小回你习惯的大小。
  1. 放大整个界面(包括侧边栏)
      • 快捷键: Cmd + , (逗号)。
      • 或者在设置里搜索 window.zoomLevel,将其设置为 1 或更高。
      • 此时你会发现侧边栏变大了,但写代码的地方也变大了。
  1. 把代码字体调回去
      • 打开设置  Cmd + , (逗号)。
      • 搜索 editor.fontSize。
      • 将数值调小(比如你放大了一级界面,可能需要把原本 14px 的字体改成 12px 左右),直到代码看起来顺眼为止。
这样就能实现“侧边栏字变大,代码字不变”的效果了。
 

© CodeXun 2025