Como Configurar Tailwind CSS em um Projeto React com Vite

Рет қаралды 1,349

Күн бұрын

Neste vídeo, vou te mostrar passo a passo como configurar o Tailwind CSS no seu projeto React usando Vite. Vamos criar juntos um novo projeto e adicionar Tailwind CSS para estilizar nossos componentes de forma prática e eficiente.
📌 O que você vai aprender:
• Criar um Projeto com Vite: Iniciaremos criando um novo projeto React com TypeScript utilizando Vite.
• Instalar Tailwind CSS: Vou te mostrar como instalar e configurar o Tailwind CSS no seu projeto, incluindo o arquivo de configuração e as dependências necessárias.
• Adicionar Estilos com Tailwind: Vamos aplicar estilos usando as classes do Tailwind CSS e ver os resultados em tempo real.
📝 Acompanhe o conteúdo do vídeo em nosso blog:
• app.fernandobe...
📰 Siga nosso newsletter para ficar sempre em dia com as novidades do mundo tech e dev:
• fernandobelott...
🔗 𝗟𝗶𝗻𝗸𝘀 𝗨𝘁𝗲𝗶𝘀:
• • As 7 MELHORES ferramen...
• • TODO DESENVOLVEDOR PRE...
• • Como usar componentes ...
📬 𝗘𝗻𝘁𝗿𝗲 𝗻𝗮 𝗻𝗼𝘀𝘀𝗮 𝗰𝗼𝗺𝘂𝗻𝗶𝗱𝗮𝗱𝗲 𝗻𝗼 𝗗𝗶𝘀𝗰𝗼𝗿𝗱: / discord
👍 𝗚𝗼𝘀𝘁𝗼𝘂 𝗱𝗼 𝗰𝗼𝗻𝘁𝗲𝘂𝗱𝗼? Deixe seu like, se inscreva no canal e ative o sininho para não perder nenhum vídeo novo!
📢 𝗩𝗮𝗺𝗼𝘀 𝗰𝗼𝗻𝗲𝗰𝘁𝗮𝗿:
• / fernandobelotto
• / fernandobelotto
• linktr.ee/fern...
• github.com/fer...
Até a próxima! Um abraço, Fernando Belloto.
__________________________________________________________________
🎬𝗣𝗥𝗢𝗗𝗨𝗭𝗜𝗗𝗢 𝗣𝗢𝗥:
• Fernando Belotto
• Studio Fourp
__________________________________________________________________
#desenvolvedores #desenvolvedorweb #programação #TailwindCSS #React #Vite #DesenvolvimentoWeb #FrontEndDevelopment #Programação