应安装html-css-js prettify插件,它轻量兼容sublime text 4,支持html/css/js三语言美化;安装后需确认语法识别正确、使用默认快捷键ctrl+shift+h(win/linux)或cmd+shift+h(macos),并检查indent_size和wrap_line_length配置。

Sublime Text 本身不自带代码美化(Beautify)功能,必须装插件;没装对插件或配错设置,Ctrl+Shift+P 调出命令后根本找不到 Beautify 选项。
怎么装上真正能用的 Beautify 插件
官方 Package Control 里搜 “Beautify” 会出来一堆名字相似的插件,但多数已停止维护或只支持老版本 Sublime Text。目前稳定可用的是 JsPrettier(侧重 JS/TS/JSON)和 HTML-CSS-JS Prettify(覆盖 HTML/CSS/JS),后者更轻量、配置少。
- 打开
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜HTML-CSS-JS Prettify并安装 - 别装
Sublime-Beautify或BeautifyRuby这类带语言名的插件——它们只处理单一语言,且很多不兼容 Sublime Text 4 - 安装完不用重启,但首次使用前建议关掉所有文件再重开一次,避免缓存导致命令未加载
为什么按了快捷键没反应?检查这三处
装完插件不代表能直接用,常见静默失败是因为快捷键冲突、语法识别错误或配置缺失。
- 确认当前文件右下角显示的语法是
HTML/CSS/JavaScript,不是Plain Text—— 插件只对明确识别的语法生效 - 默认快捷键是
Ctrl+Shift+H(Windows/Linux)或Cmd+Shift+H(macOS),不是Ctrl+Alt+B或其他“常见美化键” - 如果仍无效,在
Preferences → Package Settings → HTML-CSS-JS Prettify → Settings里检查"auto_save_on_beautify"是否为false,设成true有时反而触发失败,建议保持默认
美化效果不理想?重点调这两个配置项
插件默认用内置规则,对缩进、空行、属性排序等控制很弱。真要改效果,别碰复杂 formatter 配置,先调这两个最常影响观感的参数:
-
"indent_size":设为2或4,别留空或写字符串"2"(会报错) -
"wrap_line_length":设为120可防止 HTML 标签被强行折行,设太小(如80)会导致内联样式乱断 - 别去动
"custom_js_extensions"这类高级项——除非你真在写 .vue 或 .svelte 文件,否则加了反而让 JS 美化失效
真正麻烦的不是装插件,而是 Sublime Text 不会主动告诉你哪一步错了。比如语法识别错、JSON 配置多一个逗号、插件后台依赖的 Node.js 版本不对……这些都不会弹红字,只会安静地不工作。盯住状态栏左下角,那里偶尔会闪一下“Beautify failed”,才是线索所在。











