如何调整VSCode的字体大小和行高?

12次阅读

vscode中调整字体大小和行高可通过设置实现:修改“editor.fontSize”(如15)和“editor.lineHeight”(如24),支持全局及语言专属配置(如“[markdown]”),并可用快捷键临时缩放。

如何调整VSCode的字体大小和行高?

在 VSCode 中调整字体大小和行高,主要通过修改设置(Settings)实现,支持全局设置和针对特定语言的个性化配置。

修改字体大小

字体大小控制编辑器中代码文字的显示尺寸,调整后能提升阅读舒适度。

  • 打开设置:按 Ctrl + ,windows/linux)或 Cmd + ,macOS)
  • 搜索 font size,找到 Editor: Font Size
  • 直接输入数值(如 1416),回车确认
  • 也可在 settings.json 中手动添加:
    “editor.fontSize”: 15

调整行高(line height)

行高影响代码行之间的垂直间距,适当增大可缓解视觉拥挤,尤其适合长时间编码

  • 在设置中搜索 line height,找到 Editor: Line Height
  • 默认值为 0(表示由字体自动计算),建议设为 2226(单位为像素)
  • 若需精确控制,在 settings.json 中添加:
    “editor.lineHeight”: 24
  • 注意:该值不能小于字体大小,否则可能造成文字重叠

快捷键快速缩放(临时调整)

适合临时查看或演示,不改变永久设置。

  • 放大:Ctrl + =(Windows/Linux)或 Cmd + =macOS)
  • 缩小:Ctrl + –Cmd + –
  • 重置:Ctrl + 0Cmd + 0
  • 这些操作只影响当前窗口,重启后恢复原始设置

为不同语言单独设置字体

比如 Markdown 需要更大字号便于预览,而 python 可保持紧凑排版。

  • 在设置中搜索 editor font family,点击右上角 {} 进入 JSON 编辑模式
  • 添加语言专属配置,例如:
    “[markdown]”: { “editor.fontSize”: 16, “editor.lineHeight”: 26 }
  • 语言 ID 可在编辑器右下角状态栏查看(如 Plain Text 对应 "[plaintext]"

基本上就这些。改完记得保存,设置会立即生效。不需要重启 VSCode,也不用装插件。

text=ZqhQzanResources