Скачать или смотреть Como Instalar Angular 19 com Tailwind CSS v4 (Passo a Passo)

🚀 Aprenda como instalar e configurar o Angular 19 com o Tailwind CSS v4 do jeito certo e atualizado para 2025!
Neste vídeo, você verá o passo a passo para deixar seu projeto pronto para usar a potência do Angular com o poder do Tailwind na versão mais nova.

🔧 Comandos utilizados no vídeo
Verificar versão node
node --version
--------------------------------------------
Verificar versão Angular
ng --version
------------------------------------------
Instalar pacotes Tailwind com POSTCSS
npm install tailwindcss @tailwindcss/postcss postcss --force
-----------------------------------------
Conteúdo do arquivo .postcssrc.json
{
"plugins": {
"@tailwindcss/postcss": {}
}
}
-----------------------------------------
Importar tailwind no css
@import "tailwindcss";


📚 Outros vídeos recomendados do canal
   • AutoMapper vai ser pago! Veja como substit...  
   • Essa prática pode estar acabando com seu c...  
   • Entity Framework no .NET 9 + SQL Server – ...  
   • Value Objects no Entity framework: O Guia ...  
   • A Linguagem de Programação é o MENOR dos s...  
   • Faculdade é realmente necessária para prog...  
   • Curso de Angular para Iniciantes: Instalan...  

⏱️ Capítulos do vídeo
00:00 Introdução
00:10 Pré-requisitos do Angular
00:37 Criando a aplicação Angular
01:15 Passo 1 - Instalar pacote do Tailwind
01:45 Passo 2 - Testando a aplicação angular sem o Tailwind
02:02 Passo 3 - Criando o arquivo .postcssrc.json
02:37 Tratamento do erro ao criar arquivo pelo VSC
03:27 Passo 4 - Import do Tailwind no CSS
04:20 Teste do Tailwind

Site do angular
https://angular.dev

Site do tailwind
https://tailwindcss.com

#Angular19 #TailwindCSS #Tailwindv4 #AngularSetup #DesenvolvimentoWeb #FrontendDev #TutorialAngular #TailwindNoAngular #Angular2025 #webdevelopmenttutorial #programação #desenvolvimento #desenvolvimentodesoftware