DEV Community

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

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

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!

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!? 😅