Integrando Tailwind CSS no projeto Vue + Vite

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024
  • Código-fonte escrito no vídeo: github.com/ved...
    Curso Aprenda a Testar Aplicações Javascript: javascript.tv.br
    Remote2Hire: bit.ly/remote2...

ความคิดเห็น • 59

  • @LucasOliveira-gp1ow
    @LucasOliveira-gp1ow 3 ปีที่แล้ว +3

    Sua didática é sensacional, está nos meus planos comprar seu curso de testes. Peço que continue contribuindo pra comunidade vue e javascript no Brasil ❤️

  • @patriciomartins
    @patriciomartins 3 ปีที่แล้ว +1

    tô ficando mal acostumado com esses vídeos seguidos kkkkkkk.
    Conteúdo top Ved, já uso tailwind com laravel e é só sucesso

  • @tuliovargas
    @tuliovargas 3 ปีที่แล้ว +1

    Conteúdo de qualidade! Parabéns Fabio.

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Obrigado Túlio

  • @crodrigor
    @crodrigor 9 หลายเดือนก่อน

    Vedovelli, lembro da época do Flex, ele e o seu "cigarrinho"..rs. Engraçado, estava tentando alinhar uns objetos usando as positions, mas só funcionou quando criei uma classe e usei o @apply. Valeu pela ajuda. Seria legal ver um vídeo sobre o vue-query, não acha muito conteúdo, o react-query tem muita informação, mas do vue, muito pouca.

  • @AllanMegiani
    @AllanMegiani 3 ปีที่แล้ว +2

    Acordar no domingo com notificação do Vedovelli e Tailwind no Vue? Parece que eu estou no céu kkkkkkkkkkkkkkkkkkkk

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว +1

      Hahahaha 👍🤗

  • @reacaosistemas5746
    @reacaosistemas5746 3 ปีที่แล้ว +2

    Que didática impecável! Me convenci a usar Tailwind mas agora ficou bem mais explicado e provado a sua eficiência!

  • @raf.nogueira
    @raf.nogueira 3 ปีที่แล้ว

    Cara seus vídeos são maravilhosos, nem rápidos demais nem lentos, explica tudo de forma natural, muito obrigado,

  • @eduardospek.fortnite
    @eduardospek.fortnite 3 ปีที่แล้ว +1

    Obrigado pelo ótimo conteúdo.
    VueJS e Tailwind juntos é magnífico.
    👏🏽👏🏽👏🏽👏🏽👏🏽

  • @AlexSaueressig
    @AlexSaueressig 2 ปีที่แล้ว

    Ótimo vídeo!

  • @guilherme.castelo
    @guilherme.castelo 6 หลายเดือนก่อน

    me convenceu, obrigado!

  • @VitorAdonaicps
    @VitorAdonaicps 3 ปีที่แล้ว

    Parabéns meu amigo, você me convenceu a usar o Tailwind + Nuxt em um ecommerce que vou começar.

  • @pablohenrique2537
    @pablohenrique2537 3 ปีที่แล้ว

    Parabéns pelo conteúdo, Fábio. Muita informação sensacional pra pouco tempo de vídeo!

  • @proandref
    @proandref 3 ปีที่แล้ว

    Estou começando no Vue + Tailwind e seus vídeos são incríveis. OBG:)

  • @pliavi
    @pliavi 3 ปีที่แล้ว +1

    Chique demais!!! o/
    Aos 13:45 a reclamação some se você frisar que está usando postcss, apesar do Vite já trazer isso, o Volar/Vetur não reconhece.
    resolve
    Pera pera pera, meu maior problema com o tailwind era a lista longa de classes, qual extensão ou config do prettier ou seja qual for o formatter tu tá usando pra quebrar as classes?! Que maravilha é essa?!

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Valeu pela dica! Sobre a extensão, basta ir na área de extensões e procurar por Tailwind. Não há muitas opções. Não tem como errar! 😁

    • @pliavi
      @pliavi 3 ปีที่แล้ว

      @@vedovelli ah sim sim, essa já tenho, mas minhas classes não dão wrap desse jeito kkkk ficam tudo numa linha só xD Nem o Headwind faz, eles só ordena
      Mas vou dar uma procurada

  • @fallomermo
    @fallomermo 2 ปีที่แล้ว

    Maravilha!

  • @filmecristao
    @filmecristao 3 ปีที่แล้ว +1

    Ótimo conteúdo, seria interessante um curso de Tailwind CSS no seu canal.

  • @luizhenriquerdias
    @luizhenriquerdias 3 ปีที่แล้ว

    Que canal sensacional! Parabéns pelo conteúdo de primeiríssima qualidade.

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Muito obrigado! Conte pros amigos! 😁

  • @jmtdbg1234
    @jmtdbg1234 3 ปีที่แล้ว +1

    Parabéns Fábio. Aprendo muito com vc... Você pode fazer um exemplo de componente para menu recursivo no quasar?

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Não pretendo tocar no quasar. Sinto muito! Obrigado pelo comentário

  • @papodedev1100
    @papodedev1100 3 ปีที่แล้ว

    Muito legal Fabio! Tua didática é ótima!

  • @VedoHT
    @VedoHT 3 ปีที่แล้ว

    Seus conteúdos são muito bons primo. Grato!

  • @brunocmesquita
    @brunocmesquita 3 ปีที่แล้ว

    Excelente conteúdo. Estou estudando bastante vue e, com certeza, darei uma chance ao tailwind.

  • @rogeriomq
    @rogeriomq 3 ปีที่แล้ว

    Eu estou muito animado com Vite, inclusive passando projetos que foram criados com create-react-app para vite. Nada dolorido e funcionando muito bem com reactjs também.

  • @caiovinicius7871
    @caiovinicius7871 3 ปีที่แล้ว

    Conteúdo do caralho, dei subscribe insta.

  • @fallomermo
    @fallomermo 2 ปีที่แล้ว

    Oh Fábio, seria possível mostrar um projeto completo?

  • @nicolaspaiva6947
    @nicolaspaiva6947 3 ปีที่แล้ว

    Didática incrível, ótimo vídeo.

  • @ricardorochadev
    @ricardorochadev 3 ปีที่แล้ว

    Excelente, muito obrigado pelo material

  • @JulioCesardaSilvaBarros
    @JulioCesardaSilvaBarros 3 ปีที่แล้ว

    Cara, demais de bom! Parabéns!

  • @jeffegiovani
    @jeffegiovani 3 ปีที่แล้ว

    Selo Ved de qualidade!

  • @reneperez5589
    @reneperez5589 3 ปีที่แล้ว

    Muito top!

  • @99314698
    @99314698 7 หลายเดือนก่อน

    Pessoal, qual o plugin para deixar o tailwind que está dentro da class em uma coluna?

  • @maper77
    @maper77 3 ปีที่แล้ว

    Ótimo... Valeu !!!

  • @lucasdechenier2812
    @lucasdechenier2812 ปีที่แล้ว

    Fala Fabio, parabéns pelo vídeo, eu tenho duas perguntas kk. Você usa em seus projetos algum UI kit? Tipo Vuetify ou Quasar? O que acha dessas caras?
    Também gostaria saber qual extensão que você colocou que faz um autocomplete das classes TailWind, to precisando disso urgente kk

  • @quimicaengenharia
    @quimicaengenharia ปีที่แล้ว

    Fabio da para usar o Django Tailwind CSS e Vue com ajuda do vite não encontro tutorial.

  • @marchonnf
    @marchonnf 3 ปีที่แล้ว +1

    Qual o tema utilizado no VScode?
    Muito bom o vídeo, Parabéns Fábio.

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว +1

      Nord
      O melhor que já usei!

    • @marchonnf
      @marchonnf 3 ปีที่แล้ว

      @@vedovelli muito obrigado, vou conferir aqui.

  • @TWtutoriais
    @TWtutoriais 4 หลายเดือนก่อน

    Qual o nome da extensão que você usa pra ver as opções do Tailwind?

  • @MaxRequiao
    @MaxRequiao 3 ปีที่แล้ว

    bom demais!

  • @jonathans.machado2169
    @jonathans.machado2169 3 ปีที่แล้ว

    Conteúdo sensacional como sempre. Já pensou em gravar um curso completo de Vue?

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Eu sempre penso porém já existe um curso muito bom e gratuito: treinamento.vuejsbrasil.org/
      Farei outro que usam Vue.js em conjunto com outras ferramentas. Mas um só de Vue não creio que eu faça! Obrigdo!

    • @jonathans.machado2169
      @jonathans.machado2169 3 ปีที่แล้ว

      @@vedovelli Ah sim. Já fiz esse treinamento com o Igor, e diga-se passagem, conteúdo excelente. Mas gostaria de ver um conteúdo desses em um curso seu, já que pelo que acompanho conhece muito bem o Vue...

  • @paulosales2499
    @paulosales2499 2 ปีที่แล้ว

    hj vite ta nativo no laravel 9

  • @jadersbr
    @jadersbr 3 ปีที่แล้ว

    Obrigado por compartilhar seu conhecimento, você tem tem uma ótima didática! Você tem curso de vue?

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว +1

      Ainda não tenho mas terei! 😁 Obrigado

    • @jadersbr
      @jadersbr 3 ปีที่แล้ว

      @@vedovelli ok, assim que lançar serei seu aluno! conte comigo!

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Obrigado!

  • @lab4tech-laboratorioparate253
    @lab4tech-laboratorioparate253 3 ปีที่แล้ว

    Ved, eu consigo usar o tailwind em conjunto com vuetify?

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Nunca tentei, mas não vejo nada que impeça, uma vez que ambos atuam sobre o DOM. Se não houver colisão de nomes de classes CSS, tudo bem. Por outro lado, não vejo por que usar ambos no mesmo projeto.

  • @lucasoliveirapereiradasilv7003
    @lucasoliveirapereiradasilv7003 3 ปีที่แล้ว

    Qual é essa fonte que está usando no vs code?

  • @RafaelStrofton
    @RafaelStrofton 3 ปีที่แล้ว

    Já utilizou Tailwind com Windi CSS?

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Nunca usei! Sei do que se trata, mas ainda não me senti motivado para avaliar!

    • @vedovelli
      @vedovelli  3 ปีที่แล้ว

      Na verdade eu confundi com Windy, uma extensão para o browser para extrair estilos de qualquer site.
      Agora fui no site correto. Pelo que percebi, a introdução do JIT na Tailwind CSS matou o propósito principal da Windi CSS, não matou?