更漂亮的代码格式不会在 JSX 或 HTML 中拆分类名
Prettier code formatting is not splitting classNames in JSX or HTML
我启用了 Prettier VSCode 扩展，我的本地 .prettierrc 文件将 "printWidth": 70 作为选项之一，但是，当我有一长串 class 名称时在我的 JSX（或纯 HTML）文件中，Prettier 不遵守 printWidth 设置，并让 classes 运行 的列表无限期地打开而不中断行。这只是一个问题，因为我使用 Headwind，这是一个 Tailwind class 排序扩展，当 运行ning Headwind:Sort 它需要我的多行 classes 并将它们放回一条线。 运行 Prettier:Format 应该再把这长长的队伍分开，但是，唉，它没有。
示例起始代码：
<div className="flex flex-col w-full p-6 border-r-2 items-start
w-1/2 bg-white rounded shadow h-1/3 hover:bg-slate-50 active:bg-slate-100">
然后 Headwind:Sort 是 运行 它将所有 class 放在一个长行上：
<div className="flex flex-col w-full p-6 border-r-2 items-start w-1/2 bg-white rounded shadow h-1/3 hover:bg-slate-50 active:bg-slate-100">
然后在 运行ning Prettier:Format 之后，所有代码都是 still 一行一行，即使我的 printWidth 选项设置为 70字符。
有没有办法让 Prettier 再次拆分这些行？如果没有，还有其他解决方案吗？
谢谢！
我启用了 Prettier VSCode 扩展，我的本地 .prettierrc 文件将 "printWidth": 70 作为选项之一，但是，当我有一长串 class 名称时在我的 JSX（或纯 HTML）文件中，Prettier 不遵守 printWidth 设置，并让 classes 运行 的列表无限期地打开而不中断行。这只是一个问题，因为我使用 Headwind，这是一个 Tailwind class 排序扩展，当 运行ning Headwind:Sort 它需要我的多行 classes 并将它们放回一条线。 运行 Prettier:Format 应该再把这长长的队伍分开，但是，唉，它没有。
示例起始代码：
<div className="flex flex-col w-full p-6 border-r-2 items-start
w-1/2 bg-white rounded shadow h-1/3 hover:bg-slate-50 active:bg-slate-100">
然后 Headwind:Sort 是 运行 它将所有 class 放在一个长行上：
<div className="flex flex-col w-full p-6 border-r-2 items-start w-1/2 bg-white rounded shadow h-1/3 hover:bg-slate-50 active:bg-slate-100">
然后在 运行ning Prettier:Format 之后，所有代码都是 still 一行一行，即使我的 printWidth 选项设置为 70字符。
有没有办法让 Prettier 再次拆分这些行？如果没有，还有其他解决方案吗？
谢谢！