文章目录
-
- [1. 打开设置](#1. 打开设置)
- [2. 搜索空白字符设置](#2. 搜索空白字符设置)
- [3. 通过 settings.json 配置（可选）](#3. 通过 settings.json 配置（可选）)
在 VSCode 中显示空白字符（如空格、制表符、换行符等）可以帮助你更清楚地查看代码格式问题。设置方法很简单，通过修改编辑器配置即可开启。
1. 打开设置
你可以通过以下任意一种方式进入设置：
- 点击左下角齿轮图标，选择"设置"
- 使用快捷键 Ctrl + , （macOS 上是 Cmd + ,）
2. 搜索空白字符设置
在设置搜索框中输入 render whitespace，找到 "Editor: Render Whitespace" 这一项。
它有以下几个选项：
- none：不显示任何空白字符
- boundary：显示大部分空白字符，但连续的空格只在边界显示一个点（推荐，较清爽）
- all：显示所有空白字符（每个空格、制表符都显示出来，适合调试格式）
选择 boundary 或 all 即可看到空白符号。
3. 通过 settings.json 配置（可选）
如果你习惯直接编辑[配置文件]，可以打开 settings.json，添加或修改如下字段：
"editor.renderWhitespace": "boundary"
保存后立即生效。
基本上就这些。开启后，空格会显示为小圆点，制表符显示为带箭头的符号，识别缩进和多余空格问题。