根本原因是Sublime默认开启detect_indentation，会自动扫描文件前200行并强制覆盖用户配置；需在语法专属设置中关闭它，并显式设置tab_size为2、translate_tabs_to_spaces为true，才能使缩进真正生效。

前端项目（Vue/React/ESLint 配置为 2）在 Sublime 中缩进失效，根本不是设置没加对，而是 detect_indentation 在暗中覆盖你的配置——关掉它，再配 tab_size 和 translate_tabs_to_spaces 才真正生效。

为什么改了用户设置还是缩进为 4？

Sublime 默认开启 detect_indentation，一打开文件就扫描前 200 行，只要发现任意 \t 或历史缩进风格不一致，立刻强制切回原缩进模式，完全无视你写的 "tab_size": 2。右下角状态栏显示 “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 不会高亮这种混合，但 Python/YAML 解析器会直接报错。

PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

• 先统一格式：全选（Ctrl+A）→ 右键 → Indentation → Convert Indentation to Spaces
• 再手动校准：右下角点击缩进标识（如 “Tab Width: 4”）→ Indentation → Change Indentation → Indent: 2
• 预防性配置：在语法专属设置里加 "trim_automatic_white_space": true，保存时自动删行尾空格；加 "draw_white_space": "all" 实时显示所有空格和 \t

不同项目要不同缩进（比如 Vue 用 2、Django 用 4），怎么隔离？

靠全局或语法设置做不到真隔离——项目级 .sublime-project 是唯一可靠方案，它优先级高于用户设置和语法设置。

立即学习“前端免费学习笔记（深入）”；

• 菜单栏 Project → Save 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 插件，它会覆盖 .sublime-project 设置——此时以 .editorconfig 为准

最易被忽略的一点：新建文件默认用 Plain Text 语法，它不走任何语言专属设置，只 fallback 到全局配置。写 JS 前务必右下角点 “Plain Text” → 改成 JavaScript，否则你配的 tab_size 形同虚设。