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