GitHub仓库代码缩进显示为8空格与VS Code设置不符 求永久解决方案

问题根本原因 #

你代码中使用了制表符（Tab）作为缩进字符，VS Code本地设置的Tab显示宽度为2，而GitHub默认的Tab渲染宽度为8，因此出现两端显示不一致的问题。

1. 仓库级统一配置（最推荐，对所有仓库访问者生效） #

在仓库根目录新增.editorconfig文件，GitHub原生支持该配置规则，会自动按照配置渲染缩进，同时也能统一所有项目贡献者本地编辑器的缩进规范，避免后续出现同类差异。
文件内容示例：

root = true

[*]
# 缩进样式可选 space（空格）/ tab（制表符），和你本地使用习惯保持一致即可
indent_style = tab
# 缩进宽度统一设置为2
indent_size = 2

将该文件提交并推送到仓库默认分支后即刻生效，所有访问该仓库的用户查看代码时都会默认按照2空格宽度显示缩进，无需手动调整。

2. 个人账号全局设置（仅对自己查看所有GitHub仓库生效） #

如果你只需要自己查看所有GitHub仓库时都默认采用2空格显示Tab，可修改个人账号全局配置：

• 点击GitHub右上角个人头像，选择「Settings」
• 左侧菜单栏找到「Appearance」，下拉到页面底部
• 找到「Tab size preference」选项，设置为2后保存即可

3. 代码层替换Tab为空格（从根源消除歧义） #

如果不想依赖配置文件，也可以直接把代码中的所有Tab替换为2空格，彻底避免不同平台对Tab字符的渲染差异：

• 打开VS Code对应代码文件，点击右下角状态栏的缩进显示区域
• 选择「将制表符转换为空格」，后续写代码时默认使用空格作为缩进即可

效果对比 #

• GitHub默认渲染效果：
  
• VS Code本地显示效果：
  

内容的提问来源于stack exchange，提问作者Un Jin Jang