You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code如何减小代码块的行间距?

问题描述

我的代码在VS Code中显示效果如下:
我的代码显示效果
注意第三行黄色标记处的空白较大,我希望减小该空白区域,参考教程代码的显示效果:
教程代码显示效果
核心需求是减小代码块分配的空白空间,请问该如何实现?

解决方法

你可以通过调整VS Code的编辑器相关设置来缩小空白:

  • 打开VS Code设置界面:按Ctrl+,(Windows/Linux)或Cmd+,(Mac)快速调出。
  • 搜索editor.lineHeight,找到「编辑器: 行高」选项,将默认值(通常为22)调低,比如改成18或20,根据视觉效果微调。
  • 如果行高调整后仍不满意,可搜索editor.fontSize适当缩小字体,或搜索editor.letterSpacing微调字符间距。
  • 若你使用了特定代码主题,部分主题会自带较大行间距,可尝试切换到教程所用主题,或在主题设置中自定义行高参数。

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 01:35:29