Pular para conteúdo

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.