DEV Community

Cover image for VS Code Tip of the Week: New Tailwind CSS language mode for VS Code
Nick Taylor Subscriber for VS Code Tips

Posted on • Edited on • Originally published at community.vscodetips.com

10 3

VS Code Tip of the Week: New Tailwind CSS language mode for VS Code

Tailwind uses a bunch of non-standard at-rules like @tailwind and @apply, so you get lint warnings in VS Code if you use the regular CSS language mode.

To get around this, we’ve always recommended people use the PostCSS Language Support plugin which gets rid of those warnings, but also removes all of the other CSS IntelliSense support.

You can read more about the new Tailwind CSS language mode for VS Code

Since that then, the Tailwind team has released Tailwind CSS Intellisense

Tailwind CSS Intellisense extension missing on one side showing lint errors and on the other side the Tailwind CSS Intellisense extension enabled with no errors

Once you have the extension installed, if you want to try it out choose “Tailwind CSS” as the language mode for your CSS files.

Thanks Tailwind team and happy VS Coding!

Image of Bright Data

High-Quality Data for AI – Access diverse datasets ready for your ML models.

Browse our extensive library of pre-collected datasets tailored for various AI and ML projects.

Explore Datasets

Top comments (3)

Collapse
 
atinypixel profile image
Aziz Kaukawala

Happy Tailwinding ❤️

Collapse
 
nickytonline profile image
Nick Taylor

Thanks for sharing!

Collapse
 
atinypixel profile image
Aziz Kaukawala

Post Banner

Can you please tell me the font family used in the post's banner!? 😅