1. Cómo instalar Tailwind en tu proyecto Laravel


10 comentarios

Inicia sesión para comentar

Comentarios:

  • Angel Marthans Ruiz

    Angel Marthans Ruiz hace 3 meses

    Excelente explicación introductoria de cómo utilizar TailwindCSS en laravel. 

  • Cfig

    Cfig hace 1 año

    Hola. Al parecer Laravel 9 y 10 vienen con Vite, he seguido las indicaciones dadas en el link que indicaste a otro usuario https://tailwindcss.com/docs/guides/laravel pero no logro hacer que funcione, es decir, se muestran los h1,h2,h3 de diferente tamaño (No aparece mensaje de error en storage/logs/laravel.log).

    • Marco Lopez hace 8 meses

      asi es, se debe actualizar el curso

  • Douglas Deodanes

    Douglas Deodanes hace 1 año

    Hola he intentado ver el curso desde móvil pero no se si es mi Mobile  o no se pero no me cargan los videos tocará irlos a ver desde YouTube, probado desde iOS 15 safari y brave 

  • Eliseo Practicas

    Eliseo Practicas hace 1 año

    terminé el curso con éxito gracias profe Victor, si valió la pena leer la documentación e ir aprendiendo mas en cada caso por las nuevas versiones. Saludos…!!!

  • Christian Torres

    Christian Torres hace 1 año

    Hola, una constulta, se pude usar taldwind y bootstrap a la vez, ya que esta opcion no tiene para el trabajo conn tablas por ejemplo.

    • Victor Arana Flores hace 1 año

      Puedes usarlo en diferentes vistas, pero no puedes cargar ambos en la misma vista.

  • Antonio Domínguez

    Antonio Domínguez hace 1 año

    Soy de entorno linux y si es complicado para win, no te digo nada para ubuntu, Conseguido

    Guia de instalación proporcionada Daniel

    fallo por que los paquete deb de ubuntu son anteriores a la versión 14 y no funcionan

    los desinstalo

    Descargo la última versión de node https://nodejs.org/dist/v16.16.0/node-v16.16.0-linux-x64.tar.xz

    sudo tar -xvf node-v16.16.0-linux-x64.tar.xz

    sudo cp -r node-v16.16.0-linux-x64/{bin,include,lib,share} /usr/

    export PATH=/usr/node-v16.16.0-linux-x64/bin:$PATH

    node -v
    v16.16.0

    sudo npm install -g npm@8.17.0

    npm install -D tailwindcss

    ✔ Compiled Successfully in 1771ms

     

    No me extiendo más, el linuxero que lo busque lo va a enternder

    Seguimos

     

  • Daniel Velásquez

    Daniel Velásquez hace 1 año

    Cuando empece a ver el video, confundi porque no encontraba el webpack.mix.js pense que yo estaba haciendo algo mal, pero leyendo e investigando, laravel mix migro a Vite, y lo mas sencillo es al momento de instalar un nuevo proyecto con “laravel new blog --jet” por defecto instala y configura tailwind

    • Daniel Velásquez hace 1 año

      tambien lo que se puede hacer es instalar una version de proyecto 8 y seguir el tutorial, funciona muy bien 

  • Hugo

    Hugo hace 1 año

    tengo una duda, será que en otros frameworks como net core, se pueda instalar tailwind? si alguien sabe le agradeceria, aunque veo que en la documentacion hay que pagar

    • Victor Arana Flores hace 1 año

      Tailwind es un framework css gratuito, y lo puedes instalar donde gustes, incluso en un archivo html

  • Daniel Torres

    Daniel Torres hace 1 año

    Creo que para la nueva versión (3.0.24), el proceso de instalación es totalmente diferente. Estoy tratando de instalarlo pero me parece muy complicado. Si encuentro la forma la compartiré por acá.

  • Fofo Pls

    Fofo Pls hace 1 año

    no esta actualizado hermano nada de este video funciona xD.

    • Victor Arana Flores hace 1 año

      Hola estimado, si no eres capaz de leer o investigar por tu cuenta, de por si te digo que el mundo de la programación no es para ti.

      El curso esta actualizado, y lo único que ha cambiado es que ahora tienes que ejecutar npm run watch, en vez de npm run dev

    • Daniel Torres hace 1 año

      La guía está en este enlace: https://tailwindcss.com/docs/guides/laravel