Sublime Text通过安装JsPrettier插件并配置auto_format_on_save为true，可在保存时自动格式化JS、HTML等文件，需提前安装Node.js和Prettier。
Sublime Text 本身不自带“保存时自动格式化”功能，但通过插件可以轻松实现代码美化自动化。最常用的方式是结合 JsPrettier、HTML-CSS-JS Prettify 或 Beautiful Soup 等插件，并配合保存触发动作来完成。
1. 安装 Package Control（如未安装）
如果还没安装插件管理工具，先手动安装 Package Control：
- 打开 Sublime Text，按下
Ctrl+`打开控制台 - 粘贴并运行官方最新安装代码（可访问 packagecontrol.io 获取）
2. 安装代码格式化插件（以 JsPrettier 为例）
推荐使用 JsPrettier，支持 JavaScript、TypeScript、JSON、HTML、CSS、Vue 等多种语言。
- 按下
Ctrl+Shift+P打开命令面板 - 输入
Package Control: Install Package - 搜索并安装
JsPrettier
注意：JsPrettier 依赖 Node.js 和 Prettier，请提前安装：
- 安装 Node.js（官网下载）
- 全局安装 Prettier：
npm install -g prettier
3. 配置 JsPrettier
进入菜单：Preferences → Package Settings → JsPrettier → Settings
修改用户配置，例如：
{
"auto_format_on_save": true,
"prettier_options": {
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}
}
关键项说明：
-
auto_format_on_save：设置为true实现保存时自动格式化 -
prettier_options：自定义格式化规则，与 Prettier 一致
4. 其他方式：使用 Save Actions 插件
如果你用的不是 JsPrettier，也可以搭配通用型插件实现。
- 安装
Save Actions插件 - 配置其在保存时调用格式化命令，例如：
{
"save_actions": ["js_prettier"]
}
具体命令取决于你使用的格式化插件。
5. 验证是否生效
打开一个 JS 或 HTML 文件，故意写乱格式，然后保存（Ctrl+S），查看是否自动美化。
若无反应，检查：
- Prettier 是否正确安装（命令行运行
prettier --version） - Sublime 控制台是否有报错信息（
View → Show Console） - 插件配置路径是否正确
基本上就这些。配置一次后，后续所有支持的文件都能在保存时自动格式化，提升编码效率。
