VSCode设置显示空白字符

文章目录

• • [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"

保存后立即生效。

基本上就这些。开启后，空格会显示为小圆点，制表符显示为带箭头的符号，识别缩进和多余空格问题。