JsPrettier是Sublime中JS美化最稳的选择,因其直接调用prettier CLI,规则与项目.prettierrc一致,支持auto_format_on_save、注释控制及精准语法识别,且仅专注JS/TS/JSON,职责清晰。

必须装 JsPrettier,且本地 Node.js 和 prettier CLI 二者缺一不可——否则 Ctrl+Alt+F 按下去毫无反应,连错误提示都不会有。
为什么 JsPrettier 是 JS 美化最稳的选择
HTML-CSS-JS Prettify 虽轻量,但对 JS 的括号风格、分号、箭头函数等现代语法支持弱;CodeFormatter 依赖外部工具链,配置更碎。JsPrettier 直接调用 prettier CLI,规则与团队项目中 .prettierrc 完全一致,格式结果和 VS Code / WebStorm 无差别。
- 只处理 JS/TS/JSON(不碰 HTML/CSS),职责清晰
- 支持
auto_format_on_save,保存即生效,不用手动触发 - 能识别文件内
// @prettier或// prettier-ignore注释,灵活跳过局部代码
安装后没反应?先查这三处
常见“装了等于没装”问题,90% 出在这几个位置:
-
prettier_cli_path配置错误:打开Preferences → Package Settings → JsPrettier → Settings,确认"prettier_cli_path"指向真实路径,比如 macOS 是/usr/local/bin/prettier,Windows 是C:\Users\xxx\AppData\Roaming\npm\prettier.cmd -
node_path未设或指向旧版本:Node.js v14+ 才稳定支持最新 Prettier,node -v输出必须 ≥14.0.0 - 语法识别不对:右下角状态栏显示的是
JavaScript,不是Plain text或JSX—— 若是后者,按Ctrl+Shift+P输入Set Syntax: JavaScript切换
快捷键和自动保存怎么配才不冲突
默认快捷键是 Ctrl+Alt+F(Win/Linux)或 Cmd+Option+F(macOS),但若你同时启用了 auto_format_on_save,又习惯手动保存前先格式化,容易重复触发。
立即学习“Java免费学习笔记(深入)”;
- 推荐关闭自动保存格式化,改用快捷键:在 JsPrettier 设置中设
"auto_format_on_save": false - 如真要自动保存,务必加排除项:
"auto_format_on_save_excludes": ["*/node_modules/*", "*/dist/*", "*/build/*"],否则保存package-lock.json都会卡住 - 想保留
Ctrl+S原功能?别覆盖它。用Ctrl+Alt+F专用于格式化,避免误操作破坏编辑节奏
真正麻烦的从来不是插件装不装得上,而是 prettier 命令能不能被 Sublime 找到、找得准不准——路径写错一个字符,或者 npm 全局安装时用了 --prefix 自定义目录却没同步进配置,就彻底静默失败。


















