Sublime最强代码格式化插件Prettier配置全攻略

云宇吖_6858

云宇吖_6858

2026-06-15

192人浏览

原创

jsprettier是sublime text中唯一持续维护、支持st4、可读取.prettierrc且兼容vue/tsx的稳定prettier封装;其他同名插件已停更或不支持--parser vue等关键功能。

sublime最强代码格式化插件prettier配置全攻略

Sublime Text 本身不运行 Prettier,所谓“最强插件”只是个调用器——JsPrettier 是目前唯一持续维护、支持 Sublime Text 4、能读取 .prettierrc 且兼容 Vue/TSX 的稳定封装。其他名字带 “Prettier” 的插件要么已停更,要么连 prettier --parser vue 都不支持,配置再全也白搭。

为什么 which prettier 有输出,但 Sublime 还是报 prettier command not found

Sublime 不继承 shell 的 PATH,尤其当你用 nvm、pnpm 或 macOS 的 zsh 时,它根本找不到你终端里能跑的 prettier。

  • 必须在 JsPrettier 用户设置里显式填 prettier_cli_path,例如:/Users/you/.nvm/versions/node/v20.15.0/bin/prettier
  • node_path 同样要填绝对路径,否则插件启动 Node 子进程失败
  • 别信 yarn global add prettier —— Yarn 3+ 的 .yarn/bin 路径默认被 Sublime 忽略
  • 验证方式:打开 Sublime 控制台(Ctrl+`),保存一个 JS 文件,看是否有 prettier_cli_path not found 类错误

auto_format_on_save 开了却没反应?检查这三件事

不是插件坏了,而是作用域或文件类型没匹配上。JsPrettier 默认只对 javascript、json、typescript 语法生效,Vue 和 JSX 需手动加白名单。

Prettier - Code Formatter
Prettier - Code Formatter

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

下载
  • 确认当前文件右下角显示的语法是 JavaScript 或 Vue Component,不是 Plain Text —— 错误语法名会导致插件跳过
  • 在 JsPrettier 设置中加 "custom_file_extensions": ["js", "jsx", "ts", "tsx", "vue", "json", "css"]
  • 如果项目根目录有 .prettierrc,但插件没读取,加 "use_editor_config": true;若想强制忽略项目配置,设 "auto_format_on_save_requires_prettier_config": false

Vue 单文件组件格式化失败?--parser vue 是硬性要求

默认 prettier 把 <template></template> 当成普通 HTML 解析,会丢内容、错缩进。必须告诉它这是 Vue SFC。

  • 在 JsPrettier 设置里加:"additional_cli_args": {"--parser": "vue"}
  • 仅对 .vue 文件生效;JS/TS 文件仍用默认 babel 或 typescript 解析器
  • 别用 "--parser babel" 强塞 Vue 文件——会报 Unexpected token
  • 如果用了 eslint-plugin-prettier,禁用 JsPrettier 的自动格式化,否则两个工具打架:ESLint 插件加的分号,Prettier 立刻删掉

最常被忽略的其实是 prettier_cli_path 的路径是否指向真实可执行文件——哪怕多一个斜杠、少一个版本号,Sublime 就静默失败,控制台也不报错,只当没这回事。配完务必用 prettier --version 在终端和 Sublime 控制台里各跑一次,确保两者输出一致。

相关文章

热门游戏推荐
热门游戏推荐

海量精品小游戏合集,无需安装即点即玩,休闲益智、动作闯关应有尽有,秒开即玩,轻松解压,快乐停不下来

下载

相关标签:

sublime

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

相关专题

更多
PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

2026.09.30

0

26

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

2026.09.29

0

15

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

2026.09.23

200

15

Buffalo框架路由与请求处理实操指南
Buffalo框架路由与请求处理实操指南

本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

2026.09.23

120

15

Buffalo框架零基础入门教程
Buffalo框架零基础入门教程

本专题整理Buffalo框架入门内容,涵盖Go环境准备、buffalo CLI安装、新项目生成、目录结构说明、dev热加载启动、数据库连接配置与常见报错排查,帮助新手按约定优于配置的思路跑通第一个Buffalo框架应用。

2026.09.23

100

15

Conan创建软件包配方指南
Conan创建软件包配方指南

本专题介绍通过conanfile.py创建软件包的方法,讲解包名、版本、依赖和构建设置等基础信息,以及source、build、package、package_info等常用方法的作用及编写思路。

2026.09.22

60

12

Conan二进制包配置指南
Conan二进制包配置指南

本专题介绍Conan根据操作系统、编译器、架构和构建类型生成二进制包的方法,讲解Profile、Settings、Options及Package ID的作用,帮助管理不同平台和编译环境下的包版本。

2026.09.22

80

13

Conan私有仓库搭建教程
Conan私有仓库搭建教程

本专题系统的讲解Conan私有仓库的搭建流程,涵盖仓库服务部署、存储目录配置、用户认证、权限划分和远程地址添加,并介绍内部C++依赖包的上传、下载及版本维护方法。

2026.09.22

60

19

loomy官网入口地址合集
loomy官网入口地址合集

本专题汇总了 Loomy 桌面 AI 助理的官方入口地址合集及使用指南。提供 macOS 与 Windows 客户端下载 。Loomy 是讯飞推出的桌面级 AI 工作搭子,支持文件整理、数据分析、网页操作及通过飞书/钉钉远程操控电脑,助你高效完成本地办公任务 。

2026.09.22

80

19

热门下载

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

精品课程

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