VS Code源代码管理功能中出现的红色方块代表什么含义？

你看到的随机红色方块是VS Code差异对比功能对不可见空白字符的可视化标记，不属于实际代码内容，也和调试断点无关。

出现原因 #

• 当被删除的代码行末尾存在多余的尾随空格、制表符这类不可见空白字符时，VS Code的差异视图会默认将这类空白字符渲染为红色小方块，方便识别空白字符的变更
• 该表现和VS Code的editor.renderWhitespace（空白字符渲染）、diffEditor.showTrailingWhitespace（差异视图显示尾随空白）配置项直接相关

关闭方法 #

如果觉得这类标记造成干扰，可以通过修改配置隐藏：

1. 打开VS Code设置界面，快捷键为Ctrl+,（Windows/Linux）或Cmd+,（Mac）
2. 搜索diffEditor.ignoreTrimWhitespace，勾选该选项后，差异对比会自动忽略行尾空白字符的差异，对应红色方块也会消失
3. 也可以搜索editor.renderWhitespace，将其值调整为none或boundary，减少全局的空白字符渲染展示

内容的提问来源于stack exchange，提问作者Alexander Puhl