Sublime怎么设置代码缩进为2个空格_Sublime前端开发缩进规范【指南】-sublime

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/ 下。

夏夕资源网专注于CMS网站模板,主流语言整站网站源码下载,网站建设相关教程分享,好用的软件素材整合下载,提供一站式便捷自助服务。
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"zy.lucklyus.top",如遇到无法解压的请联系管理员!
夏夕资源网-网站模板_免费源码_资源素材 » Sublime怎么设置代码缩进为2个空格_Sublime前端开发缩进规范【指南】-sublime
在线时间:12:00 - 22:00
关注微信公众号:微信公众号
站长邮箱:[email protected]
  • 运营天数: 1391+
  • 资源总数: 47989+
  • 用户总数: 1+
  • 今日更新: 0+
  • 访问次数: 3999872+
  • 本周更新: 0+
  • 最后更新: 2026-03-16

本站指数

×
  • 运营天数: 1391+
  • 资源总数: 47989+
  • 用户总数: 1+
  • 今日更新: 0+
  • 访问次数: 3999872+
  • 本周更新: 0+
  • 最后更新: 2026-03-16