Headwind extension to make all lines be prettier rather than the Prettier extension. (For TailwindCSS)

Long alignment vertically.

When you use the prettier extension, you face with this shape. And it ruins all your source code visibility.

Alternatively, you can use another formatter especially for HTML file applied with TailwindCSS.

What you have to do is just two steps.

1. Install extension
2. just save the HTML file which you want to format

Just one line and ordering by class type

But make sure you have “tailwind.config.js” file on project directory.

Reference pages

• https://github.com/prettier/prettier/issues/10918#issuecomment-851049185
• https://github.com/heybourn/headwind