在Sublime Text中格式化HTML，需安装插件如HTML-CSS-JS Prettify，通过Package Control安装后，使用快捷键或命令面板执行格式化操作，使代码整洁美观。
使用内置缩进功能（基础快速）
- 全选代码
Ctrl+A（Windows/Linux）或Cmd+A（Mac）选中全部 HTML 代码。 - 单行格式化
Ctrl+[向左缩进 /Ctrl+]向右缩进（手动调整单行）。 - 批量缩进
选中多行 → 按Tab统一右缩进；Shift+Tab向左缩进。 - 自动换行（可选）
View → Word Wrap开启自动换行，避免长代码行溢出。
适用场景：简单结构调整，适合小型文件。
安装插件（自动化完美格式化）
推荐插件：HTML-CSS-JS Prettify
- 安装步骤：
- 安装包管理器：
Ctrl+Shift+P→ 输入Install Package Control→ 回车。 - 安装插件：
Ctrl+Shift+P→ 输入Install Package→ 搜索HTML-CSS-JS Prettify→ 回车。
- 安装包管理器：
- 配置快捷键：
- 打开
Preferences → Key Bindings。 - 在右侧文件添加：
{ "keys": ["ctrl+alt+h"], "command": "htmlprettify" }
- 打开
- 使用：
- 打开 HTML 文件 → 按
Ctrl+Alt+H（Windows）或Ctrl+Option+H（Mac）自动格式化。
- 打开 HTML 文件 → 按
- 自定义规则（可选）：
Preferences → Package Settings → HTML-CSS-JS Prettify → Set Prettify Preferences。- 修改缩进大小、属性换行等（例如设置
"indent_size": 2）。
备选插件：Tag
- 功能：自动闭合标签/对齐属性。
- 安装：搜索插件
Tag→ 安装后使用Ctrl+Alt+F格式化。
优势：支持自定义规则（如缩进 2/4 空格、属性排序），适合团队协作。
手动美化技巧
- 标签补全
输入<div>自动生成</div>（Sublime 默认支持）。 - 注释折叠
用<!-- 注释内容 -->包裹代码 → 点击左侧 折叠区块。 - 语法高亮
确保文件保存为.html后缀，Sublime 自动启用高亮。
注意事项
- 备份文件：格式化前保存副本，防止意外错误。
- 插件冲突：避免同时安装多个格式化插件。
- 复杂文件：大型 HTML 建议分区块格式化（选中部分代码 → 执行插件快捷键）。
- 编码问题：若出现乱码，通过
File → Save with Encoding → UTF-8解决。
方法对比
| 方法 | 速度 | 效果 | 推荐场景 |
|---|---|---|---|
| 内置缩进 | ⚡️ 快速 | 基础调整 | 微调小型文件 |
| HTML-CSS-JS Prettify | 专业级格式化 | 中大型项目/团队 | |
| Tag 插件 | 标签优化 | 快速闭合标签 |
引用说明基于 Sublime Text 官方文档及开发者社区实践整理，插件数据来源于 Package Control 仓库（packagecontrol.io），工具版本为 Sublime Text 4，适用于 Windows/macOS/Linux 平台。
原创文章，发布者：酷盾叔，转转请注明出处：https://www.kd.cn/ask/38165.html
