VSCode 开启空格和 Tab 可视化只需启用内置的 editor.renderWhitespace 设置，推荐选 all；默认符号为 ·（空格）、→（Tab）、¶（换行符），可通过 editor.whitespaceColor 调整颜色增强辨识，性能影响极小。
VSCode 怎么开启空格和 Tab 的可视化显示
直接在设置里打开 "editor.renderWhitespace" 就行，不用装插件、也不用改 JSON 手动写配置——VSCode 自带这个功能，开箱即用。
操作路径：打开设置（Ctrl+, 或 Cmd+,），搜 render whitespace，找到 Editor: Render Whitespace 这一项，下拉选 all 或 boundary（推荐 all）。
-
all：显示所有空格、Tab、结尾换行符（\n）、制表符（\t）和空行末尾的空格 -
boundary：只显示行首/行尾的空格和 Tab，中间连续空格不显示（适合想减少干扰但又怕误删缩进的场景） -
selection：仅在选中文本时显示空白字符（调试时临时用还行，日常不够用）
为什么有些空格还是不显示？常见漏掉的点
开了 renderWhitespace 却看不到空格，大概率是被其他设置覆盖或当前文件类型被排除了。
- 检查是否在工作区或文件夹级设置了
"editor.renderWhitespace": "none"—— 优先级高于全局设置，会静默关闭显示 - 某些语言模式（比如
markdown或plaintext）可能有单独的语言特定设置，需在设置里切到「Language-specific Settings」→ 选对应语言再确认renderWhitespace - 如果用了 Prettier 或 EditorConfig，它们不会影响渲染，但可能自动删掉你刚看到的空格，造成“刚显示出来就没了”的错觉
Tab 和空格混用时，怎么一眼分清？
VSCode 默认用不同符号区分：· 是空格，→ 是 Tab，¶ 是换行符。但符号本身不带颜色，容易看串行。
可以加一层视觉强化：
- 在
settings.json里加"editor.whitespaceColor": "#999"（任意灰度色值），让所有空白字符变浅色，比默认更柔和也更易聚焦 - 不建议改符号形状（比如用插件替换为图标），因为会影响光标定位精度和行高一致性
- 如果项目强制用空格缩进，可配合
"editor.insertSpaces": true+"editor.detectIndentation": true，避免手动按 Tab 键引入污染
性能影响大吗？老项目打开后卡顿怎么办
对绝大多数项目（renderWhitespace: "all" 几乎无感知；但打开超大日志文件或 minified JS 时，确实可能轻微拖慢滚动和渲染。
- VSCode 内部做了懒加载，只渲染可视区域内的空白字符，所以不是“全文件解析”，卡顿通常来自其他因素（比如同时启用了大量语法高亮插件）
- 真遇到卡顿，先关掉
renderWhitespace，再逐个禁用插件排查，而不是怀疑这个设置本身 - 别用
"editor.renderControlCharacters": true搭配renderWhitespace—— 它会把不可见控制符（如\u0000）也画出来，纯属增加干扰，且无实际调试价值
真正容易被忽略的是：空白字符显示状态不会跨窗口继承。新开一个文件夹或远程 SSH 窗口，得重新检查一遍设置，尤其团队协作时，有人开了有人没开，代码审查时容易漏掉缩进问题。
