This Prettier Plugin Makes Tailwind So Much Better

🌎 Find Me Here:

#Shorts

[realdiegor]

WOW, it wasnt a big problem, it was my MAIN problem. hehe. Thanks for sharing Kyle

[shakapaker]

WARNING! Do not use "prettier-plugin-tailwindcss" and "eslint-plugin-tailwindcss" simultaneously; it caused unreal lags in VSCode and I wasted a week resolving it. I recommend using the plugin for ESLint if you are using ESLint in your project.

[aram]

In frontend we're so good at solving problems we've created for ourselves by choosing to use YAF (Yet Another Framework) that then turns out to need YAP (Yet Another Plugin) for YAF in order to tame the annoyances.

[eddybowie]

THIS IS A LIFESAVER! Sometimes I have 2+ lines of just tailwind styles and it's a pain in the arse having to go trough it all looking for a simple p-3 💀, specially when applying different styles for different screen sizes

[xDmtm]

Yeeeesss! I was just thinking about whether there is an extension that reorders classes.

[theisoj]

That's crazy! Thanks Kyle as always 👍

[javhaasuhochir]

that library is not working in my vscode. But I downloaded extenstion called "headwind" and it worked.

[marceloviannadev]

Use "Headwind" instead. Does the same with less complications. The only problem I've found so far is when u use [ ] custom values. In this case, classes do not sorted out and u have to do manually. Other than that, it's amazing! 🤘

[rahulxcr]

Thanks. That's a really useful plugin.

[lovedayevans]

I really appreciate this... This will really help me to improve

[sunilnune]

Waiting for Next Js to get full support of MUI & Chakra UI

[kimbapslayer]

Every time you hit the save button, it all flip flops, then you realize you made a mistake although you haven’t moved your cursor yet, and end up editing the wrong class cos it switched positions. So you gotta undo a few times. My biggest problem with it.

[incarnateTheGreat]

There are a few like this. I use one for eslint and it works very well.

[epotnwarlock]

would be nice to have a visualization that shows conflicts in the class or property inheritance or situations where one property is overridden by another

[userou-igze]

2min, literally saved me from a world of headaches

[njokuchisomjoseph]

Since it would it is a dev dependecy and would probably only be used locally on your pc, i think installing it globally would be great instead of installing it as a dev-dependecy on every project

[zain_x_alpha]

Thanks for it❤...please also make tips and tricks videos like this

[nickwoodward]

bigger prob for me is that astro seems to hate multi-line classes, even in template strings. I'd like to be able to have them structured by attribute, so `row-start-4 md:row-start-6 lg:row-start-2` and then cols on a new line.

[encapsule]

Omg this is a life saver as a tailwind fiend

[FireGames]

I just use an extension that does that (headwind)