VSCode中通过设置editor.renderWhitespace为all或boundary可显示空格和制表符：all显示所有空白字符（·和→），适合调试缩进；boundary仅在边界显示，更清爽。需关闭editor.detectIndentation并配置editor.insertSpaces和tabSize以确保一致性，快捷键Ctrl+Shift+8/Cmd+Shift+8可快速切换，注意检查右下角语言模式是否正确。

VSCode 怎么让空格和制表符可见

直接打开 editor.renderWhitespace 设置，改成 all 或 boundary 就行。这是最核心的开关，其他都是锦上添花。

选 all 还是 boundary？看场景

all 会把每个空格都渲染成小圆点（·），每个制表符变成 →；boundary 只在行首、行尾、连续空格边界处显示一个点，视觉干扰更小。

• 调试缩进混乱、排查混用 Tab/Space 的问题 → 用 all
• 日常编码想偶尔瞄一眼有没有多余空格 → boundary 更清爽
• 写 Markdown 或 YAML 时对空格敏感 → boundary 足够，all 容易眼花

别只改设置，顺手关掉自动检测缩进

VSCode 默认开启 editor.detectIndentation，它会偷偷读你文件开头几行，然后“自作主张”切 Tab/Space 模式——结果就是你刚设好空格缩进为 2，一打开老项目又变回 Tab 4，空白字符显示也跟着错乱。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

• 在设置里搜 detect indentation，把它设为 false
• 再配好 editor.insertSpaces（true=空格，false=Tab）和 editor.tabSize（比如 2 或 4）
• 这样 renderWhitespace 显示出来的符号，才和你实际输入行为一致

快捷键比点菜单快得多

不用每次进设置：聚焦编辑器后，按 Ctrl + Shift + 8（Windows/Linux）或 Cmd + Shift + 8（macOS），立刻开关空白字符渲染。这个快捷键不依赖配置是否生效，按了就响应。

真正容易被忽略的是：如果当前文件语言模式识别错了（比如 .js 文件被当成 plain text），renderWhitespace 可能不生效——右下角看看语言标识是不是对的，点一下手动切到正确语言再试。