Installation de Tailwind CSS
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte00:00:00 :Pour utiliser Tailwind, on va utiliser un outil standalone qui nous évite d'avoir à installer nos DGS pour ensuite installer Tailwind.Donc cet outil il est disponible sur GitHub, vous allez avoir ici tous les releases, donc je vais vous mettre les liens bien sûr dans la description.
00:00:24 :Et vous avez les instructions ici pour installer cet outil.Donc nous on est sur Mac, donc on va utiliser directement toutes les instructions qui sont ici.
00:00:49 :Et vous allez pouvoir ensuite utiliser cet exécutable pour lancer les commandes comme on le voit ici.Donc nous on va les lancer directement depuis le terminal, vous pouvez aussi depuis Windows les lancer avec un terminal, il faudra juste rajouter le .exe à la fin du fichier,
00:01:03 :puisque ce sera donc l'exécutable de Windows et non pas l'exécutable pour Linux ou macOS qui ne contient pas le .exe.Donc nous on va lancer l'installation en copiant ces lignes ici.
00:01:12 :Donc je vais retourner dans mon terminal et je vais lancer l'installation, donc j'appuie sur entrée, ça va télécharger cet exécutable avec l'outil curl.On va pouvoir ensuite indiquer que ce fichier doit être un fichier exécutable, donc pour ça on utilise chmod qui va changer le mode du fichier.
00:01:36 :Je valide avec entrée et si je fais un ls, on voit que j'ai bien le fichier qui est ici, je vais le renommer, donc on va faire un mvtailwindcss,donc avec tout le nom du fichier et à la place on va mettre juste tailwindcss pour que ce soit plus facile à utiliser.
00:01:51 :Donc là si je refais un ls j'ai bien l'exécutable qui est ici.Je peux vérifier qu'il fonctionne donc en faisant un .slash tailwindcss et là on va avoir l'aide de cet exécutable.
00:02:10 :Moi je vais le déplacer dans le dossier user local bin, donc je vais faire sudo move tailwindcss dans .slash usr .slash local .slash bin.Donc ça c'est un dossier qui est un dossier qui va contenir des exécutables et ce chemin est à l'intérieur de la variable d'environnement paths.
00:02:34 :Donc je valide, je rends le mot de passe puisqu'il s'agit d'un dossier qui nécessite les droits d'administrateur.C'est pour ça que j'ai mis la commande sudo pour exécuter cette commande mv donc la commande move avec les droits d'admin.
00:02:45 :Et là il me suffit donc de rentrer mon mot de passe pour valider cette opération.Donc maintenant je peux taper tailwindcss simplement et ça va lancer cet exécutable peu importe là où je me trouve sur mon système d'exploitation.
00:02:56 :Par exemple si je me rends dans les documents je peux là encore marquer tailwindcss et j'aurai bien la commande qui va être exécutée.Je n'ai donc pas besoin comme ça de mettre le chemin complet vers le fichier tailwindcss.
00:03:07 :Si jamais après avoir fait cette opération, donc le move, vous ne pouvez toujours pas utiliser tailwindcss directement,n'hésitez pas à relancer votre terminal pour être sûr que toutes les variables d'environnement soient bien mises à jour et que vous puissiez utiliser l'exécutable.
00:03:20 :Sur Windows je vous conseille de mettre tout le temps le chemin complet vers le fichier .exepuisque à moins que vous soyez familier avec tout ce qui est manipulation de variables d'environnement,eh bien il est préférable de mettre le chemin complet pour être sûr que vous utilisez le bon exécutable.
00:03:35 :Si vous êtes familier avec les manipulations de variables d'environnement, eh bien n'hésitez pas à déplacer ce fichier .exeet à modifier les variables d'environnement ou à les mettre dans un dossier qui est disponible dans vos variables d'environnementpour pouvoir avoir cette même facilité d'utilisation de cet exécutable.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.
