sublime text 原生不支持一键格式化 html,需安装 jsbeautify 等插件;默认快捷键为 ctrl+shift+h(windows/linux)或 cmd+shift+h(macos),格式化前需确保语法识别为 html 且未选中代码。

Sublime Text 没有内置 HTML 格式化功能
直接说结论:Sublime Text 原生不支持一键格式化 HTML,Ctrl+Shift+P 里搜不到 Format HTML 这类命令。它不像 VS Code 那样开箱即用,必须靠插件补足这个能力。
常见错误现象包括:按了 Ctrl+Alt+F 没反应、菜单里找不到“Format”选项、装了插件但右键没出现格式化菜单——基本都是因为没装对插件,或插件没配置好解析器。
推荐用 Pretty JSON + JSBeautify 组合(轻量且稳定)
JSBeautify 是 Sublime 上最成熟、维护最勤的格式化插件,支持 HTML/CSS/JS,不依赖外部 Node 环境,装完就能用。
- 安装方式:用
Package Control→Install Package→ 搜JSBeautify,回车安装 - 默认快捷键是
Ctrl+Shift+H(Windows/Linux)或Cmd+Shift+H(macOS),不是常见的F12或Alt+Shift+F - 如果快捷键冲突,可在
Preferences → Key Bindings里查js_beautify对应的 keymap 行 - 它会读取
.jsbeautifyrc(项目根目录)或JSBeautify.sublime-settings(用户配置),关键参数如indent_size、wrap_line_length都能调
HTML 格式化失效?检查这三件事
很多同学装完插件发现「点了没反应」或「只缩进不换行」,大概率卡在这几个点上:
立即学习“前端免费学习笔记(深入)”;
一款多用途的企业软件前端HTML模板。IT软件服务公司网站响应式单页模板。基于CSS、JS、HTML模块化原则创建的。如果您的站点不需要所有元素,那么可以轻松地删除不必要的组件。模板的代码干净,友好,注释良好。这使得编辑和自定义模板变得很容易。
- 文件语法识别错了:右下角状态栏显示的是
Plain Text而不是HTML,点一下切换成HTML再试 - 选中了部分代码:JSBeautify 默认只格式化选区;全文件格式化要先
Ctrl+A全选,或确保没选中任何内容 - HTML 里混了模板语法(比如
{{ var }}、):JSBeautify 会把它当非法标签报错,停在第一处;此时得关掉end_with_newline或改用HTML-CSS-JS Prettify(需 Node 支持)
想用 Prettier?得配 Node + 自定义构建系统
如果你团队强制用 Prettier 规范,Sublime 也能接,但路径更长:要本地装 prettier CLI,再建一个 Build System 把它绑到快捷键上。
这不是「装个插件点一下」的事,涉及:npm install -g prettier、写 JSON 格式的 .prettierrc、在 Sublime 里新建 Tools → Build System → New Build System,填入类似这样的内容:
{
"cmd": ["prettier", "--write", "$file"],
"selector": "source.html"
}
然后保存为 Prettier.sublime-build,再手动绑定快捷键。过程中容易踩的坑:Node 路径没加进系统环境变量(which prettier 找不到)、selector 写成 text.html(实际要用 source.html)、保存后没重启 Sublime。
真正用起来,JSBeautify 覆盖 90% 的日常场景已经够用;Prettier 方案更适合已有统一前端工具链的团队,个人临时修个页面没必要折腾。










