开启空白字符显示需设置 Editor: Render Whitespace 为 boundary、selection 或 all,可在设置中搜索 render whitespace 修改,或在 settings.json 添加 "editor.renderWhitespace": "boundary";开启后空格显为·,制表符显为→,样式依主题而定。

VSCode 中控制空白字符显示可以通过编辑器设置来开启或关闭。默认情况下,空白字符(如空格、制表符、换行符等)是不可见的,但你可以按需让它显示出来,方便排查格式问题。
显示空白字符的方法
要开启空白字符显示,可以按以下步骤操作:
- 打开 VSCode 设置(快捷键 Ctrl + ,)
- 搜索关键词 render whitespace
- 找到 Editor: Render Whitespace 选项
- 将其设置为以下值之一:
- none:不显示任何空白字符
- boundary:显示除单个空格外的所有空白字符(常用)
- selection:仅在选中文本时显示空白字符
- all:显示所有空白字符(包括每一个空格)
通过配置文件修改
你也可以直接在 settings.json 文件中添加配置:
"editor.renderWhitespace": "boundary"将 "boundary" 替换为你需要的模式即可。
视觉效果说明
开启后,你会看到:
- 空格显示为小圆点(·)
- 制表符显示为箭头符号(→)
- 换行符在部分主题下也可能有标记
具体样式取决于当前使用的编辑器主题和字体支持情况。
基本上就这些,根据你的排版习惯选择合适的显示模式即可。










