VS Code Tailwind Mega Extension Pack

Make your Visual Studio Code the best IDE for the Tailwind framework

Includes

• Tailwind CSS IntelliSense
• Tailwind Docs
• Tailwind Fold
• Tailwind Shades
• Prettier - Code formatter
• Auto Close Tag
• Auto Rename Tag

Installation

Install through VS Code extensions. Front-End Mega Extension Pack

Visual Studio Code Marketplace: Front-End Mega Extension Pack

Can also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P / Cmd+P), paste the following command, and press enter.

ext install egor-xyz.tailwind-mega-extension-pack

Sort class names

I recommend to use prettier-plugin-tailwindcss for class names sorting

npm install -D prettier prettier-plugin-tailwindcss

This plugin follows Prettier’s auto loading convention, so as long as you’ve got Prettier set up in your project, it’ll start working automatically as soon as it’s installed.