Must have VSCode extensions for Tailwind CSS ⚡

If you want to use Tailwind CSS in your projects, these are some @code extensions that you need to have!

Small thread 🧵
🔹 Tailwind CSS Intellisense

This gives you autocomplete on the classes, syntax highlighting, and linting.

It also gives you hover preview to see what the class is exactly doing!
🔹 Headwind

Opinionated class sorter, it enforces consisting ordering of classes.

When you have 15 different classes on your tags, you will love this.
🔹 Tailwind Docs

You press Ctrl + Shift + P. You can search for anything you need more info of.

Margin, padding, borders, and it opens a tab directly on the docs. It's pretty handy!
🔹 Prettier

This is not 100% related to Tailwind but you should enforce styles on your codes if you haven't already.

This will make your code consistent and easier to read.

Don't forget to go to Settings and enable "Format on Save" so you don't even have to worry about it.
And that's it!

Those are my Visual Studio Code extensions recommendations for using Tailwind CSS.

If you think I missed any, please let me know!

And if you enjoy the Tailwind content, there's a lot more coming! You should follow me if you are interested ⚡
You can follow @nachoiacovino.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled:

By continuing to use the site, you are consenting to the use of cookies as explained in our Cookie Policy to improve your experience.