如何设置VSCode显示代码中的空格与制表符？

本文共计797个文字，预计阅读时间需要4分钟。

直接设置editor.renderWhitespace为true，即可开启空白字符的渲染。

为什么开了 editor.renderWhitespace 却不显示 →

最常见原因是 editor.detectIndentation 自动生效，导致打开文件时读取前几行缩进风格，然后强制把后续所有 Tab 插入行为转成空格。此时编辑器里根本没制表符，自然渲染不出 →。

• 验证方法：按 Ctrl+Shift+P → 输入 Convert Indentation to Tabs，执行后再按一次 Tab，看是否出现 →
• 检查右下角状态栏：显示的是 Tab Size: 4 还是 Spaces: 4？后者说明当前文件已锁定为空格模式
• 临时绕过：在命令面板运行 Toggle Render Whitespace 只切换显示，不解决底层缺失问题

editor.renderWhitespace 的三个值怎么选

"all"、"boundary"、"selection" 不是“高级/基础”之分，而是用途差异：

• "all"：每个空格都画 ·，每个 \t 都画 →，适合查 YAML 缩进、Git diff 对齐、排查混用问题
• "boundary"：只在行首、行尾、连续空格的边界处显示一个 ·，视觉干净，但会漏掉中间孤立空格和缩进层级细节
• "selection"：仅高亮选中区域内的空白字符，适合临时确认某一段有没有隐藏空格，日常编码几乎不用

想让 → 真正出现，还得配对关掉自动检测

单设 editor.renderWhitespace 是“画皮”，要让皮底下有真东西，得控制输入行为：

• 设 editor.detectIndentation 为 false，禁止自动推断缩进风格
• 明确设 editor.insertSpaces 为 false（用 Tab）或 true（用空格），避免行为摇摆
• 配合 editor.tabSize 控制宽度，比如 4 或 2
• 注意：语言专属设置（如 "[python]" 块）可能覆盖全局配置，需单独检查

换行符 ¶ 怎么一起显示出来

editor.renderWhitespace: "all" 只管空格和制表符，换行符（\n）、回车符（\r）默认不显示。要看到 ¶ 和 ↵，必须额外开启：

• editor.renderControlCharacters 设为 true
• 二者缺一不可：renderWhitespace 负责 · 和 →，renderControlCharacters 负责 ¶ 和 ↵
• 这个组合对调试 .gitattributes、.editorconfig 或跨平台换行问题特别有用

真正容易被忽略的是：工作区级 .vscode/settings.json 里的设置会覆盖用户级配置，而且它可能被团队提交到 Git —— 如果你发现别人开项目后满屏 · 和 →，大概率是这个文件里写了 "editor.renderWhitespace": "all"，而这不是该进版本库的内容。