Sublime Text 代码格式化全靠插件:HTML-CSS-JS Prettify 是唯一推荐的三合一排版工具,需重启生效并手动绑定快捷键;Pretty JSON 专用于合法JSON排版,依赖语法识别与内容校验;Origami 实现窗格布局控制,非美化类插件。

Sublime Text 本身不带任何代码排版能力,所谓“一键格式化”全靠插件驱动;装错插件、配错参数、忽略语法模式,三者任一出问题,格式化就会静默失败——不是没反应,而是根本没触发。
HTML-CSS-JS Prettify:CSS/HTML/JS 排版唯一推荐
别碰名字含 “Beautify” 且两年没更新的插件,它们大多依赖 Node.js、配置僵硬、ST4 兼容性差。HTML-CSS-JS Prettify 是当前最稳的选择:不依赖外部运行时、支持独立配置 CSS 缩进和属性顺序、格式化结果可预测。
- 安装路径必须是:
Ctrl+Shift+P→Package Control: Install Package→ 搜HTML-CSS-JS Prettify→ 回车 - 装完必须重启 Sublime Text,否则
Preferences → Package Settings里看不到该插件条目 - 默认无快捷键,需手动绑定:进
Preferences → Key Bindings,加一行如{"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"} - CSS 属性顺序要保留手写顺序(比如
display必须在z-index前),必须设"sort_properties": false;设true会按 ASCII 排,z-index可能跑到width前面
Pretty JSON:JSON 格式化别无二选
Sublime 自带的 JSON 语法高亮 ≠ 格式化能力。Pretty JSON 是目前唯一对非法内容有明确边界、命令稳定、不乱报错的方案——但它只做一件事:把合法 JSON 排版整齐,其余一概不管。
- 前提条件缺一不可:
文件右下角状态栏显示 JSON(点语言名手动切)、内容无单引号/尾随逗号/注释/未闭合括号、选中目标片段或整文件无非 JSON 内容 - 验证是否合法最简单方法:复制内容到浏览器 DevTools Console,执行
JSON.parse(你的文本);报错就说明 Pretty JSON 不会处理 - 默认快捷键是
Ctrl+Alt+J(Windows/Linux)或Cmd+Alt+J(macOS),但首次调用建议等 3–5 秒,避免命令注册延迟 - 快捷键失效?进
Preferences → Key Bindings检查是否被其他插件覆盖,比如 Emmet 的Ctrl+Alt+J默认是插入 JSON 模板,冲突时后者优先
Origami:多窗格排版不是“美化”,是布局控制
很多人想“排版多个文件窗口”,其实真需求是:横向切分、把某个文件拖进右窗格、关掉中间一块但保留两边。Origami 不是主题或 UI 插件,它是直接操作 pane(窗格)层级的底层工具。
- 必须先装好
Package Control才能搜到 Origami;若Ctrl+Shift+P输入Install Package无反应,说明 Package Control 没装成功,得重走控制台安装流程 - 常用快捷键:
Alt+Shift+1到4是四宫格,Alt+Shift+5是自动均分,Ctrl+Alt+→把当前文件移到右侧窗格 - 右键文件标签 →
Move to Pane → Right比记快捷键更可靠,尤其刚上手时 - 别装
SplitPane或Pane Management:前者已停更,后者仅支持 ST2,和 ST4 冲突报错
最容易被忽略的是:所有排版行为都由配置文件驱动,不是“智能适配”。你刚从 Vue 项目切过来,插件不会自动识别 <style scoped> 里的规则;你改了 Preferences.sublime-settings 里的缩进,不影响 HTML-CSS-JS Prettify 的 CSS 缩进——它只认自己的配置项。

















