Sublime配合Prettier实现终极代码美化，全团队统一风格-sublime-PHP中文网

jsprettier是sublime text 4下唯一可靠选择，因其直接调用终端prettier cli、原生支持项目级.prettierrc且专注js/ts/json；需填绝对路径prettier_cli_path、显式配置custom_file_extensions并确保语法识别正确。

sublime配合prettier实现终极代码美化，全团队统一风格

别装“Prettier”插件——它已弃用多年，Sublime Text 4 下基本不工作。真正能用、且和 VS Code 行为一致的，只有 JsPrettier。

为什么 JsPrettier 是唯一靠谱选择

它不自己实现格式逻辑，而是直接调用你终端里跑的 prettier CLI，结果完全一致；只专注 JS/TS/JSON，不碰 HTML/CSS，没冗余干扰；原生支持项目级 .prettierrc，且默认向上查找一级（注意：不是工作区根目录，是文件所在目录的父级）。

其他常见插件的问题：

HTML-CSS-JS Prettify：JS 美化弱，对可选链、空值合并等新语法支持不稳定
CodeFormatter：依赖外部工具链，配置项碎，容易和 prettier 冲突
Sublime-Beautify：多数已停更，Sublime Text 4 下大概率报错或静默失败

prettier_cli_path 填不对，就等于没装

很多人配完没反应，卡在这一步。打开 Preferences → Package Settings → JsPrettier → Settings – User，必须显式填绝对路径：

macOS（Homebrew）："/opt/homebrew/bin/prettier"（M1/M2）或 "/usr/local/bin/prettier"（Intel）
Windows："C:\Users\YourName\AppData\Roaming\npm\prettier.cmd"（注意双反斜杠）
不能写 ~、不能留空、不能写 null、不能用 npm bin -g 输出的相对路径

验证是否有效：终端执行 which prettier（macOS/Linux）或 where prettier（Windows），有输出才说明安装到位；再确认 node -v ≥ 14.0.0。

auto_format_on_save 不生效？先看这三处

Ctrl+S 没触发，90% 是被覆盖或识别错类型：

Prettier - Code Formatter

Prettier 是一款"有主见的"代码格式化工具，通过解析代码并按照统一规则重新格式化，强制执行一致的代码风格。支持 JavaScript、TypeScript、CSS、SCSS、HTML、Vue、JSON、Markdown、YAML 等多种语言。可配置为保存时自动格式化。

下载

右下角状态栏必须显示 JavaScript、TypeScript 或 JSON，不是 Plain text 或 JSX；按 Ctrl+Shift+P 输入 Set Syntax: TypeScript 手动切一下
检查 Preferences → Settings – User 里有没有其他插件写的 auto_format_on_save，搜出来删掉
custom_file_extensions 必须显式列出 "ts" 和 "tsx"，否则 TS 文件不会进格式化流程

推荐最小可用配置：

{
  "auto_format_on_save": true,
  "custom_file_extensions": ["js", "jsx", "ts", "tsx", "json"],
  "prettier_cli_path": "/opt/homebrew/bin/prettier",
  "node_path": "/opt/homebrew/bin/node"
}