如何为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
相关产品推荐
相关产品推荐

