editor.padding 是控制 vscode 编辑区左右边距的正确配置，1.84+ 版本支持，需手动在 settings.json 中设置 left/right 像素值，不影响其他 ui 元素。
editor.fontLigatures 跟边距无关，别瞎开
很多人搜“VSCode 边距”时顺手开了 editor.fontLigatures，结果发现代码看着更挤了——这选项只控制连字（比如 != 显示成 ≠），完全不碰左右留白。它甚至可能让某些字体渲染变模糊，尤其在非 Retina 屏上。
真正管左右空白的是 editor.wordWrap 和 editor.glyphMargin 之外的隐藏配置，但最直接有效的只有两个地方：
-
editor.lineNumbers设为off或on会影响左侧实际可用宽度（因为行号列本身占空间） - 真正留白靠的是
editor.padding，但它默认不存在，得手动加
用 editor.padding 控制左右内边距（VSCode 1.84+）
VSCode 1.84 起支持 editor.padding 配置项，是目前最干净、最可控的方式。它直接给编辑器内容区加 padding，不影响行号、折叠图标、断点标记等 UI 元素位置。
在 settings.json 里加这段就行：
"editor.padding": {
"top": 0,
"bottom": 0,
"left": 24,
"right": 24
}
注意几点：
-
left/right值单位是像素，不是字符；设24≈ 3 个英文字符宽度，适合多数人阅读节奏 - 值太小（比如
8）几乎看不出变化；太大（比如80）会导致代码区过窄，尤其小屏笔记本 - 这个配置不会影响终端、调试控制台、侧边栏，只作用于主编辑区
- 旧版本（
老版本 VSCode（
如果你卡在旧版、又必须加留白，就得动 workbench.html 的自定义样式——本质是注入 CSS 到编辑器 DOM。风险高、升级易丢、且每次更新后要重配。
步骤很简单，但容易出错：
- 打开命令面板（
Ctrl+Shift+P/Cmd+Shift+P），运行Developer: Inspect Editor Tokens and Scopes确认当前编辑器 class 是.monaco-editor - 编辑
~/.vscode/extensions/user/custom-css/css/override.css（路径需自己建好），写入：
.monaco-editor .overflow-guard {
padding-left: 24px !important;
padding-right: 24px !important;
}
关键提醒：
- 必须配合插件
Custom CSS and JS Loader才生效，纯配置无法加载外部 CSS - 插件本身被 VSCode 官方标记为“不安全”，启用后每次启动会弹警告
- VSCode 升级后插件大概率失效，得重新安装、重载、再授权
- 如果用了主题（比如
Nord或One Dark Pro），CSS 可能被主题样式覆盖，得加!important强制
别用 editor.minimap 或 editor.scrollbar 挤占留白
有人误以为关掉缩略图或滚动条能“腾出空间”，其实它们默认不侵占代码区宽度——minimap 在右侧独立轨道，scrollbar 是叠加层。强行关掉反而降低可操作性。
真正影响视觉留白的是这些：
-
editor.glyphMargin：设为false会隐藏断点/折叠图标列，左侧省出约 16px，但调试时不方便 -
editor.foldingControls：和上面同理，关了就看不到代码块折叠箭头 -
editor.rulers：设[80]这种只是竖线，不占空间；但若配了"editor.rulers": [{"column": 80, "color": "#ff0"}]，颜色太艳反而干扰留白感
留白的本质是呼吸感，不是单纯“加空格”。editor.padding 是唯一正解，其余都是绕路。老版本硬上 CSS 的人，升级前记得备份 override.css——那几行代码，下次重装还得再敲一遍。
