sublime text 本身不提供一键美化混乱标签结构的原生能力,必须依赖 html-css-js prettify 插件,该插件基于 js-beautify 解析 dom,支持正确处理自闭合标签、缩进、空行等,但需满足编码为无 bom utf-8、右下角语法识别为 html、文档结构完整等前提条件。

Sublime Text 本身不提供“一键美化混乱标签结构”的原生能力,所谓一键,本质是插件在满足特定前提下触发的自动重排。装错插件、语法识别不对、编码带 BOM,都会让快捷键失效或格式化出错——不是操作问题,是前置条件没到位。
怎么选对插件:HTML-CSS-JS Prettify 是 HTML 的唯一靠谱选择
HTML 标签结构混乱(比如嵌套错位、缩进全无、属性挤成一行),必须用真正解析 DOM 的插件,而不是只加换行的“假美化”工具:
- 只装
HTML-CSS-JS Prettify,别碰HTML Formatter或Pretty HTML这类名字相似但无解析能力的插件 - 它基于 js-beautify,能识别
<div> 和 <code><img>的语义差异,不会把自闭合标签错误展开 - 安装后必须重启 Sublime,否则命令面板搜不到
HTML: Prettify - 右下角状态栏必须显示 HTML(不是 Plain text 或 PHP),否则插件拒绝执行
- 文件编码不是无 BOM 的 UTF-8:菜单
File → Reopen with Encoding → UTF-8,再Save with Encoding → UTF-8 - 文档里有未转义的
&,比如price=10&20,会直接报Parse Error,得先替换成& - 根节点缺失或标签未闭合(如漏了
为什么 Ctrl+Shift+P → “Pretty HTML” 没反应
这不是快捷键坏了,而是三个硬性条件中至少一个没满足:











