You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为Tailwind类禁用Prettier的自动换行格式化功能

禁用Prettier配合Tailwind时的类名单独换行功能

该换行行为是prettier-plugin-tailwindcss插件的默认格式化逻辑,可通过以下方式调整:

  • 调大单行长度阈值
    修改你的Prettier配置文件(.prettierrc、.prettierrc.json等)中的printWidth参数,默认值为80,将其调整为120、200等你接受的数值,只要类名总长度不超过该阈值就不会被自动拆分换行:
{
  "printWidth": 200,
  "plugins": ["prettier-plugin-tailwindcss"]
}
  • 关闭单属性独占行配置
    如果你开启了singleAttributePerLine配置,该规则会强制所有HTML属性单独占一行,将其设为false即可取消该限制:
{
  "singleAttributePerLine": false
}
  • 移除Tailwind Prettier插件
    如果你不需要Tailwind类名自动排序功能,直接卸载prettier-plugin-tailwindcss插件,Prettier就不会对Tailwind类名做特殊换行处理。

内容的提问来源于stack exchange,提问作者Damian

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 19:57:02