使用插件可实现Sublime Text代码美化,首选HTML-CSS-JS Prettify(需Node.js)或轻量JsFormat处理JSON,通过Package Control安装后右键或快捷键格式化,注意语法识别与环境配置。

Sublime Text 虽然轻量,但通过插件可以实现强大的代码格式化功能。想要一键美化 JSON、HTML、CSS 代码,最常用且高效的方案是使用 JsFormat 和 HTML-CSS-JS Prettify 插件。
1. 安装 Package Control(如果还没安装)
Package Control 是 Sublime 的插件管理工具,几乎所有插件都通过它来安装。按下 Ctrl+Shift+P 打开命令面板,输入 "Install Package Control",回车安装即可。
2. 推荐插件:HTML-CSS-JS Prettify
支持 JSON、HTML、CSS、JavaScript 的格式化,基于 Prettier 核心,配置灵活。步骤如下:
- 按 Ctrl+Shift+P 输入 “Package Control: Install Package”
- 搜索并安装 HTML-CSS-JS Prettify
- 安装完成后,打开一个 JSON 或 HTML 文件
- 右键选择 Prettify Code,或使用快捷键 Ctrl+Shift+H
注意:该插件依赖 Node.js 环境。请确保已安装 Node.js 并能通过命令行执行。
立即学习“前端免费学习笔记(深入)”;
3. 只格式化 JSON?用 JsFormat 更轻便
如果你主要处理 JSON,JsFormat 更简单,无需 Node.js。- 通过 Package Control 安装 JsFormat
- 打开 JSON 文件,全选代码(Ctrl+A)
- 右键选择 “JsFormat” 或使用默认快捷键 Ctrl+Alt+F
- JSON 自动美化缩进,错误会提示
你也可以自定义快捷键:打开菜单栏 Preferences > Key Bindings,添加:
{
"keys": ["ctrl+shift+j"],
"command": "js_format"
}
4. 常见问题处理
如果格式化没反应:
- 检查文件语法是否正确设置(右下角应显示 JSON / HTML / CSS)
- 确认 Node.js 是否安装(运行 node -v 测试)
- 插件设置中可指定 prettier 路径或调整缩进风格
基本上就这些。搭配合适的插件,Sublime Text 完全可以胜任日常代码美化任务,不复杂但容易忽略细节。











