Sublime Text 全局缩进设为2空格需在Preferences → Settings用户面板中配置”tab_size”: 2和”translate_tabs_to_spaces”: true;语言专属设置则通过Preferences → Settings – Syntax Specific实现;配合Prettier/ESLint需确保tabWidth一致,并安装EditorConfig插件读取项目配置。
Sublime Text 默认缩进是 4 个空格,但前端项目(尤其是 Vue、ESLint 配置为 2 的项目)要求缩进为 2 个空格——直接改设置就能生效,无需插件。
如何全局设置 Sublime 缩进为 2 个空格
这是最常用也最稳妥的方式,影响所有新打开的文件(未指定语法类型的文件):
- 菜单栏点击 Preferences → Settings,打开右侧用户设置面板
- 在右侧面板中添加或修改以下两项:
"tab_size": 2, "translate_tabs_to_spaces": true
- 保存后,新建文件或未设置语法的文件会默认用 2 空格缩进,
Tab键也会插入 2 个空格
注意:"translate_tabs_to_spaces" 必须为 true,否则 Tab 插入的是制表符(\t),和 ESLint 或 Prettier 的空格校验冲突。
如何为特定语言(如 JavaScript、Vue)单独设缩进
前端开发中常需按语言差异化处理:比如 JS/JSX/Vue 用 2 空格,CSS 也用 2,但 JSON 或 Markdown 保持默认。这时要用语法专属设置:
立即学习“前端免费学习笔记(深入)”;
- 打开一个
.js文件 → 菜单栏 Preferences → Settings – Syntax Specific - 右侧面板中写入:
{ "tab_size": 2, "translate_tabs_to_spaces": true } - 保存后,该语法(如
JavaScript)的所有文件都会强制应用此缩进,覆盖全局设置
同理可对 Vue Component、CSS、HTML 分别设置。Sublime 会自动把配置存为 JavaScript.sublime-settings 这类文件,路径在 Packages/User/ 下。