VSCode 中启用 editor.renderWhitespace 可显示空白字符，设为 "all" 显示所有空格（·）、制表符（→）和换行符（¶），"boundary" 更清爽；快捷键 Ctrl+Shift+8（Win/Linux）或 Cmd+Shift+8（macOS）可快速开关；需配合 "editor.renderControlCharacters": true 确保控制字符稳定显示，避免被工作区配置或主题覆盖。
VSCode 默认不显示空格、制表符和换行符，但只要改一个设置就能让它们“现形”——关键就是 editor.renderWhitespace，设成 "all" 最彻底，"boundary" 更清爽，别用默认的 "none"。
怎么快速开关空白字符显示
调试缩进问题时临时看一眼，没必要改配置：聚焦编辑器后直接按 Ctrl + Shift + 8（Windows/Linux）或 Cmd + Shift + 8（macOS），立刻切换显示状态。这个快捷键是开关式，按一次开，再按一次关。
如果快捷键冲突或记不住，打开命令面板（Ctrl + Shift + P 或 Cmd + Shift + P），输入 Toggle Render Whitespace 回车执行，效果一样。
settings.json 里怎么配才可靠
手动编辑配置文件最可控，也避免图形界面误点。打开 Preferences: Open Settings (JSON)，在大括号内加一行：
"editor.renderWhitespace": "all"
注意几点：
-
"all"显示每个空格（·）、每个制表符（→）、每个换行符（¶）；"boundary"只显示连续空格的首尾、行首缩进、行尾空白，视觉干扰小但可能漏掉单个多余空格 - 别写成
true或false—— 这个字段只接受字符串值"none"/"boundary"/"selection"/"all" - 如果同时启用了
editor.renderControlCharacters，换行符等控制字符才会稳定显示为¶，否则部分主题下可能不出现
为什么开了还是看不到 → 或 ·
常见原因不是设置没生效，而是被覆盖或主题压制：
- 检查是否在工作区 settings.json 里写了同名配置，它会覆盖用户级设置
- 某些轻量主题（比如自带的 Quiet Light）默认不渲染控制字符，需额外加
"editor.renderControlCharacters": true - 字体不支持符号显示（极少见），可换用 Fira Code、JetBrains Mono 等编程字体验证
- 确认没误设为
"selection"模式——它只在你选中文本时才显示空白符
显示太多点和箭头影响阅读怎么办
"all" 模式确实信息密度高，尤其长行代码里满屏 · 容易眼花。这时候别关掉，换成 "boundary" 更实用：
- 它仍能暴露缩进混用（Tab vs 空格）、行尾多余空格、开头异常缩进
- 但跳过单词间单个空格，视觉干净不少
- 如果你用 Prettier 或 ESLint 自动格式化，
"boundary"已足够捕获绝大多数格式问题
真正容易被忽略的是：显示空白字符本身不改变代码行为，但它暴露的是缩进一致性这类“软错误”——这类问题往往在 CI 报错、Git diff 异常、甚至 Python 缩进错误时才被发现，提前开着 editor.renderWhitespace 就是省去事后排查的力气。
