跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

Sublime如何设置代码格式化 Sublime安装Prettier对齐代码【干货】

先确认Node.js环境和prettier全局安装是否正常,再将prettier路径正确配置到JsPrettier插件中,并确保文件语法类型识别正确、配置放对位置(.prettierrc而非插件设置)。 prettier --version 报 command not found 怎么办 这根本不是 Sublime 的问题,而是 Node.js 环境没暴露给 Sublime。插件只认终端里能直接敲出来的
prettier
命令,不帮你装、也不自动补 PATH。 先在终端运行:
node -v
npm -v
prettier --version
—— 三者都得有输出才算过关。 如果
prettier --version
报错,执行
npm install -g prettier
全局安装 macOS/Linux:用
npm config get prefix
查前缀,把
bin
目录(比如
/opt/homebrew/bin
~/.npm-global/bin
)加进
~/.zshrc
;改完记得
source ~/.zshrc
Windows:检查
%AppData%\npm
是否在系统环境变量
PATH
里 最后用
which prettier
(macOS/Linux)或
where prettier
(Windows)拿到绝对路径,后面配置要用 JsPrettier 插件怎么装才不踩坑 别搜 “Prettier”、“Prettier-Sublime” 或 “SublimeLinter-prettier” —— 这些要么多年没更新,要么逻辑绕、默认不读项目配置。唯一推荐的是
JsPrettier
,它轻量、稳定、直调本地 CLI。 操作路径很明确: 仿Sublime和notepad++编辑器效果 仿Sublime和notepad++编辑器效果 下载 按
Ctrl+Shift+P
(Win/Linux)或
Cmd+Shift+P
(macOS)打开命令面板 输
Package Control: Install Package
→ 回车 → 搜
JsPrettier
→ 点安装 装完建议关掉 Sublime 再重开一次,尤其 macOS 用户,避免 shell 环境变量没继承进来 右键一个
.js
文件,菜单里出现
Format Code with Prettier
才算加载成功 auto_format_on_save 不生效的几个隐蔽原因 看起来配了,但 Ctrl+S 没反应,大概率卡在这些地方: 右下角状态栏显示的是
Plain text
而不是
JavaScript
/
TypeScript
/
HTML
—— JsPrettier 只对识别出的语法类型工作
auto_format_on_save
在用户全局设置(
Preferences → Settings – User
)里被其他插件覆盖了,搜一下有没有重复项,删掉
prettier_cli_path
没填或填错路径,尤其是用了 nvm 或 Homebrew Intel/M1 混装时,
which prettier
输出的路径必须一字不差粘贴进去 文件在软链接目录或嵌套过深的子项目里,旧版 JsPrettier 向上找
.prettierrc
只查一级,建议把配置放项目根目录,且确保是 Sublime 工作区根目录 HTML/TS/Vue 格式化异常怎么调 JsPrettier 本身不决定语言支持,全靠你本地
prettier
CLI 版本和参数。不同后缀行为差异大,容易误以为插件坏了: HTML 格式乱?
prettier
v3+ 默认禁用 whitespace 推断,显式加
"html_whitespace_sensitivity": "css"
到用户设置里 TS 文件报
Invalid parser
?确认
prettier
≥ v2.8.0;不行就手动加
"parser": "typescript"
Vue 文件没反应?在设置里补上
"additional_extensions": ["vue"]
别在插件 settings 里写
"semi": false
这类风格规则——它们该放项目级
.prettierrc
,插件 settings 只管运行参数和路径 最常被忽略的其实是文件类型识别和 CLI 路径一致性。很多人在终端能跑
prettier
,但 Sublime 启动方式不同(比如双击图标 vs 从终端执行
subl
),导致 PATH 不一致 —— 这种问题不会报错,只会静默失效。

相关文章