前端项目在Sublime中缩进失效？根本原因与精准修复方案
你是否也遇到过这样的困扰：明明为Vue或React项目（ESLint要求2空格缩进）在Sublime Text中配置了tab_size: 2，但实际缩进却总是“不听使唤”？问题根源往往不在于配置本身，而是一个名为detect_indentation的默认功能在暗中“夺权”。关闭它，并正确设置tab_size和translate_tabs_to_spaces，才能真正解决问题。
为什么修改了用户设置，缩进依然是4个空格？
关键在于Sublime Text默认启用了detect_indentation。这个功能会在你打开文件时，自动扫描文件前200行，一旦检测到制表符\t或历史缩进风格不一致，便会强制覆盖你的个人配置，切换回它认为的“原缩进模式”。此时，状态栏显示“Tab Width: 4”但按下Tab键却插入制表符，就是它已接管控制权的明确信号。
- 解决方案很直接：打开任意JS文件，进入
Preferences → Settings – Syntax Specific，在右侧的JSON配置区域添加以下代码：{ "tab_size": 2, "translate_tabs_to_spaces": true, "detect_indentation": false } - 请注意，不要只修改全局的
Preferences → Settings。语法专属设置的优先级更高，而且这样做可以避免影响Python等默认使用4空格缩进的其他语言场景。 - 配置完成后，新建一个
.js文件进行测试：按下Tab键，光标应移动2个字符的宽度，同时状态栏应显示“Spaces: 2”。
粘贴代码后缩进错乱，甚至保存时报出IndentationError怎么办？
这通常是空格与制表符\t混合使用导致的典型问题。从VS Code或网页复制的代码，常常携带不可见的制表符。Sublime Text默认不会高亮显示这种混合缩进，但Python或YAML等语言的解析器会因此直接报错。
- 首先统一格式：全选代码（
Ctrl+A）→ 右键点击 → 选择Indentation → Convert Indentation to Spaces。 - 然后手动校准：点击编辑器右下角的缩进标识（例如“Tab Width: 4”）→ 选择
Indentation → Change Indentation → Indent: 2。 - 为了预防未来再次出现，可以在语法专属设置中添加
"trim_automatic_white_space": true，这样在保存时会自动删除行尾空格；同时添加"draw_white_space": "all"，可以实时显示所有空格和制表符，让问题无所遁形。
不同项目需要不同缩进（例如Vue用2空格，Django用4空格），如何实现隔离配置？
依赖全局设置或语法设置，都无法实现真正的项目级隔离。最可靠的方案是使用项目级的.sublime-project文件，它的配置优先级高于用户设置和语法设置。
立即学习“前端免费学习笔记（深入）”；
- 在菜单栏选择
Project → Sa ve Project As…，将项目保存为类似my-vue-app.sublime-project的文件。 - 然后选择
Project → Edit Project，在打开的文件中填入如下配置：{ "folders": [ { "path": "." } ], "settings": { "tab_size": 2, "translate_tabs_to_spaces": true } } - 关闭项目后重新打开，确认右下角状态栏显示为“Spaces: 2”。对于另一个Django项目，可以用同样的方式创建项目文件并设置
"tab_size": 4，两者即可互不干扰。 - 需要特别注意：如果项目根目录下存在
.editorconfig文件，并且你安装了EditorConfig插件，那么.editorconfig的规则会覆盖.sublime-project中的设置——此时将以.editorconfig为准。
还有一个最容易被忽略的细节：Sublime Text新建文件时，默认使用Plain Text语法，它不会应用任何语言专属设置，只会回退到全局配置。因此，在编写Ja vaScript代码前，务必点击右下角的“Plain Text”标识，将其手动更改为Ja vaScript，否则你精心配置的tab_size将完全不起作用。
