TailwindCSS V3 : Installation dans la joie et la bonne humeur ✨

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 50

  • @EcoleduWeb
    @EcoleduWeb  11 месяцев назад

    🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
    📚 Tous mes cours sur UDEMY : liste-des-cours.com/

  • @honoredk4175
    @honoredk4175 Месяц назад +1

    Merci pour la video

  • @tony-stark
    @tony-stark 8 месяцев назад

    Merci beaucoup pour ce tuto, il m'a été plus utile que des plus récents censés être à jour

  • @turbulence1655
    @turbulence1655 2 года назад +2

    Merci beaucoup ! Je galérais depuis plus d'une heure avec un tuto un poil pas à jour lol. Le tien est top ! Tu as gagné un nouvel abonné 👍

  • @JavaChrist31
    @JavaChrist31 5 месяцев назад

    Super tuto les explications son très clair . Félicitation

  • @MrAzurha
    @MrAzurha 2 года назад

    Toujours un plaisir tes vidéos Enzo. merci

  • @Digital_mans
    @Digital_mans 2 года назад

    Toujours un plaisir tes videos😀

  • @anaisrevellat5692
    @anaisrevellat5692 2 года назад +1

    @Turbulence on fait parti de la même team ! Que des tutos non à jour ou pas très clair x) et même en passant par la doc c'est grâce à cette vidéo que j'ai découvert le souci !

  • @Thrady
    @Thrady Год назад

    Merci pour le tuto, toujours au top tes vidéos !

  • @mohammedb7538
    @mohammedb7538 2 года назад

    Tu vends du bonheur 😃😄

  • @ninon6954
    @ninon6954 2 года назад

    Merci beaucoup, vidéo très instructive !

  • @mamadoualiou4473
    @mamadoualiou4473 Год назад

    merci pour le tutoriel

  • @mohamedel-moustafa3667
    @mohamedel-moustafa3667 2 года назад

    Merciii j'etais même pas au courant que la V3 etait dispo...

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      C’est tout chaud ça date de décembre 👍

  • @lightniing1177
    @lightniing1177 2 года назад

    nickel :) j'attend ta version de Tw css mis à jours x)

    • @oussenikabore
      @oussenikabore 2 года назад

      Merci pour la vidéo. SVP vous pouvez faire une vidéo sur Firebase Admin ? Merci

  • @philtony9439
    @philtony9439 Год назад +1

    D'abord bonjour,
    c'est un plaisir de suivre tes cours en vidéo RUclips.
    S'il te plaît,
    je débute en React,
    comme il faut installer Node.js.
    Je cherche à comprendre pourquoi,
    cette commande " npm init -y " et pourquoi le -y,
    dans Railwindcss avec une commande CLI npm init -y ",
    j'ai cherché dans les commandes npm et je n'ai pas bien vu.

  • @user-Shams1
    @user-Shams1 Год назад +1

    Merci pour la vidéo mais j'ai un soucis. Lorsque j'exécute (npx tailwindcss -i ./css/style.css -o ./dist/style.css --watch), rien n'apparait dans le ("style.css du dist").

  • @itachi__
    @itachi__ Год назад +1

    Merci ! Heureusement que j'ai regardé votre tuto, les autres tutos plus anciens sont obsolètes. Du coup quand on passe en production la seule chose qu'on met sur le serveur c'est le style.css qui se trouve dans le dossier dist/ ? Je ne vois pas pourquoi je mettrai tout le reste puisque ça ne sert que quand on dev.

  • @amidoucisse4415
    @amidoucisse4415 2 года назад

    Enfin
    Merci

  • @cyriledouard9848
    @cyriledouard9848 2 года назад

    une fois de plus ca demande envie d'utiliser tailwind actuellement j'apprends le css natif merci

  • @kabyleartiste3548
    @kabyleartiste3548 2 года назад

    enzo, jai suivi le tuto ça a marcher mais quand j'ai quitté et j'ai réouvert vsc de nouveau tailwind css ne marche plus pourquoi cela, merci de m'aider

  • @justchris5598
    @justchris5598 2 года назад

    La nouvelle version est intéressante...

  • @elviehatchoua9232
    @elviehatchoua9232 2 года назад

    Bjr , merci pour la vidéo!. Sauf que je rencontre un problème avec le mien. Mon fichier style.css du dossier dist ne s'est pas rempli. Que dois-je faire svp🙏

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Vérifie bien tes commandes et tes chemins

    • @ibrahimkaloko5868
      @ibrahimkaloko5868 Год назад

      @@EcoleduWeb pareil pour moi, le fichier dist ne se rempli

  • @shanoneibe1216
    @shanoneibe1216 Год назад

    5:00min de la vidéo; dans le fichier style:CSS qui se trouve dans dist il est censé apparaître au des codes mais dans le mien il y a rien du tout

  • @moneyfr
    @moneyfr 2 года назад

    Ça existe un boilerplate qui fait tout tout ?

  • @bendevweb89
    @bendevweb89 2 года назад

    Salut !
    Je me pose la question, sur SASS par exemple pour relancer le "watch" en ligne de commande une fois VS CODE fermé c'est " npm run start " mais pour "Tailwind" c'est quoi ?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Tu peux créer ton script « dev » puis lancer npm run dev

    • @bendevweb89
      @bendevweb89 2 года назад

      @@EcoleduWeb ok merci pour l'info Enzo.
      J'en profite pour te remercier pour la qualité de tes vidéos, qui me font me perfectionner en tant que futur Dev Junior.

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      @@bendevweb89 Merci pour ton soutien Ben!

  • @skiel7730
    @skiel7730 2 года назад

    Top merci, j'attends la formation TailwindCSS mis à jour pour m'y mettre. :)
    Tu as une idée de quand tu auras terminé la mise à jour par hasard ?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад +1

      Je suis dessus là mais je préfère ne pas donner de date, reste à l'affût car je sortirai surement une vidéo pour l'annoncer :)

  • @Buffalo_Debile
    @Buffalo_Debile 2 года назад

    Salut, est ce qu'il faut lancer la commande watch a chaque fois que l'on réouvre notre projet ?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад +2

      Oui!
      On peut créer un script pour ça.
      Dans le package.json :
      "scripts": {
      "dev": "npx tailwindcss -i ./css/style.css -o ./dist/style.css --watch"
      },
      À partir de là on peut lancer "npm run dev" dans le terminal à chaque fois au lieu de la longue commande.

    • @ptitgris66
      @ptitgris66 2 года назад

      @@EcoleduWeb Ah ! je comprends mieux pourquoi ça marche plus chez moi x)

  • @devbutant
    @devbutant 2 года назад

    Salut Enzo, j'ai fais un petit projet avec Tailwindcss (version precedente) et je souhaiterais passer mon projet sur cette version (je n'ai pas vraiment de raison, c'est simplement pour savoir faire la manip), comment faire ? Refaire le projet avec cette version ? 😰

    • @EcoleduWeb
      @EcoleduWeb  2 года назад +1

      Non pas de panique, tu as juste à installer la dernière version avec NPM, et à utiliser les manips de la V3.
      Les classes n'ont pas changé ;)

  • @wawam1319
    @wawam1319 2 года назад

    Salut ! Merci pour cette vidéo, top. Malheureusement à la troisième étape ce message apparait : "Specified input file ./css/style.css does not exist." alors que si... aurais-tu une idée de ce qui ne va pas ?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Salut, essaye de bien vérifier tes chemins

    • @wawam1319
      @wawam1319 2 года назад

      @@EcoleduWeb Effectivement, j'ai retiré le ./css/ . Merci !

    • @wawam1319
      @wawam1319 2 года назад

      Est ce que cette technique permet de rendre le site responsive ? Je débute

    • @EcoleduWeb
      @EcoleduWeb  2 года назад +1

      @@wawam1319 Tu as une section "responsive" dans la doc ;)

    • @wawam1319
      @wawam1319 2 года назад

      @@EcoleduWeb merci 😅

  • @evaristeibrahim2327
    @evaristeibrahim2327 2 года назад

    Pour nous les francophones si on pouvait plutôt avoir des formations en TailwindCSS ca nous serait d'une grande aide surtout pour les Dashboard et le responsive

    • @EcoleduWeb
      @EcoleduWeb  2 года назад +1

      Bonjour, j’ai fait un cours complet sur Tailwind, vous pouvez le trouver sur l’école du web ou udemy 👍

  • @LilZoty
    @LilZoty 2 года назад

    Ça alourdi pas le code tout ça?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад +1

      Non justement, ça crée juste les classes qu'il faut :)