Sublime Text配合Prettier自动格式化代码配置

P粉328763957

P粉328763957

2026-07-22

638人浏览

原创

jsprettier必须显式配置prettier_cli_path绝对路径、auto_format_on_save为true,并在auto_format_on_save_extensions中列出对应扩展名,否则保存自动格式化静默失效。

sublime text配合prettier自动格式化代码配置

JsPrettier插件必须填死prettier_cli_path路径

Sublime Text 启动时不会继承你终端的 PATH,所以即使 prettier --version 在终端能跑,JsPrettier 也大概率找不到命令——它不查 PATH,只认你填进配置里的绝对路径。

必须用 which prettier(macOS/Linux)或 where prettier(Windows)查真实路径,不能写 "prettier" 或留空。常见错误路径:

  • "prettier_cli_path": "prettier" → 静默失效
  • "prettier_cli_path": "/usr/local/bin/prettier"(macOS)但实际在 /opt/homebrew/bin/prettier → 找不到命令
  • Windows 路径含空格或中文,没加引号 → 插件启动失败,控制台可能只报 IOError 不提具体原因

auto_format_on_save默认是false,不手动开就永远不触发

装完 JsPrettier 后,auto_format_on_save 默认是 false,不是“装完即用”。这是设计,不是 bug —— 防止插件未经确认就改你代码。

必须在 Preferences → Package Settings → JsPrettier → Settings – User 中显式设为 true,同时配好扩展名列表:

Sublime Text Build Linux版
Sublime Text Build Linux版

Sublime Text Linux x86-64 deb 安装包。官方也提供 rpm、tar.xz 和软件源安装方式。

下载
  • 漏写 "auto_format_on_save": true → 点保存毫无反应
  • "auto_format_on_save_extensions" 没列 "ts" 却想格式化 .tsx 文件 → 直接跳过
  • 右下角语法模式显示 Plain TextHTML → 即使扩展名对,JsPrettier 也不处理(它只响应 JavaScriptTypeScriptVue 等 scope)

项目级.prettierrc文件会被自动读取,但路径和编码有硬要求

JsPrettier 会从当前文件所在目录向上逐级查找 .prettierrc(支持 .json.yml.js),但有两个容易卡住的点:

  • 文件必须是 UTF-8 无 BOM 编码,否则 JsPrettier 解析失败,回退到默认规则(不报错,只悄悄不用你的配置)
  • 如果文件在 node_modulesdist 目录下,即使有 .prettierrc 也不会加载(因为 auto_format_on_save_excludes 默认已排除这些路径)
  • .prettierrc.js 需要 Node.js 环境支持,且 Sublime 启动方式影响模块解析(比如双击图标启动 vs 终端执行 subl

验证是否真通:用 Sublime 控制台直接调用prettier

别靠“点了保存有没有效果”来判断,那太慢还容易误判。最快验证方式是按 Ctrl+` 调出 Sublime 控制台,粘贴执行:

import subprocess; subprocess.run(['<code>/usr/local/bin/prettier</code>', '--version'])

/usr/local/bin/prettier 替换成你实际的 prettier_cli_path 值。有版本号输出,才说明路径、权限、Node 环境三者全通;如果报 FileNotFoundErrorOSError,问题一定出在路径或权限上。

真正麻烦的不是配置项多,而是每个环节都静默失败——路径错、开关关、语法不对、编码带 BOM,全都不报红字,只让你反复保存却没变化。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

sublime sublime text

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
li是什么元素
li是什么元素

li是HTML标记语言中的一个元素,用于创建列表。li代表列表项,它是ul或ol的子元素,li标签的作用是定义列表中的每个项目。本专题为大家li元素相关的各种文章、以及下载和课程。

2023.08.03

596

5

火山引擎对象存储使用教程
火山引擎对象存储使用教程

火山引擎对象存储适合用于网站图片、视频文件、备份数据、静态资源和应用附件管理。本专题整理TOS控制台入口、存储桶创建、地域选择、权限设置、文件上传、访问链接生成、CDN加速、费用查看和常见上传或访问失败问题,帮助用户快速掌握对象存储基础操作。

2026.08.04

0

10

火山引擎云服务器使用教程
火山引擎云服务器使用教程

火山引擎云服务器使用教程适合第一次购买、部署和管理云服务器的用户参考。本专题整理控制台入口、实例创建、地域和配置选择、系统镜像设置、安全组放行、远程连接、网站部署、续费计费和常见连接失败问题,帮助用户快速完成云服务器基础使用流程。

2026.08.04

2

10

火山引擎API Key绑定大模型教程
火山引擎API Key绑定大模型教程

火山引擎API Key怎么绑定大模型适合需要在火山方舟、应用后台、脚本工具或AI编程软件中调用模型的开发者参考。本专题整理控制台服务开通、API Key创建、模型权限检查、模型ID选择、Base URL填写、调用测试和鉴权失败排查,帮助用户完成从密钥到模型调用的配置流程。

2026.08.04

2

10

火山引擎API Key获取教程
火山引擎API Key获取教程

火山引擎API Key适合需要调用火山引擎云服务、AI模型、火山方舟接口或其他开放能力的开发者参考。本专题整理控制台入口、账号认证、服务开通、API Key创建、密钥复制保存、权限检查、调用测试和Key无效等常见问题排查。

2026.08.04

6

10

火山引擎API接入教程
火山引擎API接入教程

火山引擎API接入适合需要在应用、脚本、后台服务或AI工具中调用火山引擎能力的开发者参考。本专题整理控制台入口、服务开通、API Key获取、接口地址配置、请求参数填写、调用测试、权限设置、额度查询和常见接口报错排查。

2026.08.04

5

10

火山引擎DeepSeek API调用教程
火山引擎DeepSeek API调用教程

火山引擎DeepSeek API适合需要在应用、脚本、智能体或AI编程工具中调用DeepSeek模型的开发者参考。本专题整理火山引擎控制台入口、模型服务开通、API Key获取、Base URL配置、模型名称填写、调用测试、额度查询和常见接口报错排查。

2026.08.04

2

10

火山引擎控制台操作教程
火山引擎控制台操作教程

火山引擎控制台中常用功能包括API密钥管理、模型调用配置、云资源查看、账单明细、用量统计和权限分配。本专题整理控制台基础操作、服务开通流程、Key创建与保存、费用消耗查看、子账号权限设置和调用失败排查,方便开发者完成日常管理。

2026.08.04

3

10

PDF与PPT格式转换操作方法及在线转换技巧
PDF与PPT格式转换操作方法及在线转换技巧

本专题聚焦 PDF 与 PPT 文件格式转换需求,整理 PDF 转 PPT 在线转换方法、PPT 批量转换 PDF 操作步骤、转换后格式错乱处理以及文档版式检查技巧。通过详细教程帮助用户掌握 PDF、PPT 双向转换方法,解决演示文稿制作、文件整理和办公格式转换中的常见问题,提高办公效率。

2026.07.31

112

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程