VSCode中可通过设置显示空白字符,打开设置搜索render whitespace并设为all,或在settings.json中添加"editor.renderWhitespace": "all",空格以点显示、制表符以箭头显示,便于检查缩进。

VSCode 中可以通过设置让空白字符(如空格、制表符、换行符等)显示出来,方便查看代码格式和缩进问题。
开启空白字符显示
在 VSCode 中按以下步骤操作:
- 打开设置:点击左下角齿轮图标,选择“设置”,或使用快捷键 Ctrl + ,
- 搜索 render whitespace
- 找到 Editor: Render Whitespace 选项
- 将其设置为 boundary 或 all
说明:
- none:不显示空白字符
- boundary:只显示单词之间的一个空格,忽略连续空格的首尾
- all:显示所有空格、制表符等空白字符
通过 settings.json 配置
也可以直接编辑用户配置文件:
- 打开命令面板:Ctrl + Shift + P
- 输入并选择 Preferences: Open Settings (JSON)
- 添加或修改如下配置:
"editor.renderWhitespace": "all"
保存后立即生效。
视觉效果
开启后:
- 空格会以浅色小圆点 · 显示
- 制表符可能显示为 → 或类似符号
- 具体样式取决于当前使用的主题
基本上就这些。开启后能更清楚地看到缩进是否混用了空格和 Tab,对保持代码整洁很有帮助。










