安装HTML-CSS-JS Prettify插件后,通过命令面板运行“Pretty HTML”即可格式化代码,支持自定义缩进与排版规则,使HTML结构清晰、缩进规范,提升编辑效率。

SublimeText实现HTML代码美化,主要依靠插件和内置功能来自动格式化代码,使标签结构清晰、缩进规范。最常用的方式是通过安装HTML-CSS-JS Prettify插件来完成。
安装HTML-CSS-JS Prettify插件
该插件支持HTML、CSS、JavaScript代码的格式化,对HTML美化效果尤为明显。
- 确保已安装Package Control(Sublime Text的插件管理工具)
- 按下Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开命令面板
- 输入“Install Package”,选择对应选项
- 搜索“HTML-CSS-JS Prettify”,点击安装
使用Prettify格式化HTML代码
安装完成后,可以快速美化选中的或整个HTML文档。
- 打开一个HTML文件
- 全选代码(Ctrl+A)或只选中需要格式化的部分
- 再次按下Ctrl+Shift+P,输入“Pretty HTML”
- 选择“HTML: Prettify”并回车,代码将自动重排
配置Prettify选项(可选)
可通过配置文件自定义缩进大小、是否保留空行等。
立即学习“前端免费学习笔记(深入)”;
- 进入菜单栏:Preferences → Package Settings → HTML-CSS-JS Prettify → Set Prettify Preferences
- 修改JSON配置,例如设置"indent_size": 2控制缩进为2个空格
- 保存后,格式化将按新规则执行
基本上就这些。只要插件装好,一键就能把混乱的HTML变成整齐易读的结构,提升编辑效率。











