Setup 07 - Tailwind CSS IntelliSense 🎨
Se você optar por usar o Tailwind CSS para estilizar seus aplicativos Vue, esta extensão no VS Code é indispensável.
🧩 Por que usar?
- Autocompletar: Ela sugere todas as classes do Tailwind enquanto você digita no HTML.
- Preview de cor: Mostra um quadradinho com a cor real ao lado do nome da classe (ex:
bg-blue-500). - Dicas de sintaxe: Avisa se você estiver usando classes que conflitam entre si.
📥 Instalação
Procure por Tailwind CSS IntelliSense na loja de extensões do seu VS Code.
🛠️ Requisito do Projeto
Para que a extensão funcione, seu projeto precisa ter um arquivo de configuração do Tailwind (gerado via npx tailwindcss init -p). Sem esse arquivo na raiz, a extensão não saberá quais classes sugerir.