Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Méthodes d'Installation | Introduction et Configuration
Tailwind CSS pour le Développement Web

bookMéthodes d'Installation

Comme Tailwind CSS est un framework, il ne sort pas de nulle part. Nous devons l'installer dans notre application. Nous allons explorer deux façons rapides d'ajouter Tailwind à votre projet.

1. Utilisation du CDN

Si vous travaillez avec du HTML, CSS et JavaScript vanille, vous pouvez utiliser le lien CDN de Tailwind, en l'insérant simplement dans l'élément head du document HTML.

Cette méthode est idéale pour les petits projets et le prototypage rapide.

index.html

index.html

copy

2. Utilisation de npm/yarn

Si vous traitez quelque chose de plus complexe et utilisez npm/yarn pour gérer les dépendances, alors votre choix est d'installer via npm/yarn.

npm install tailwindcss
# or
yarn add tailwindcss

Remarque

Quelle que soit la méthode choisie, la fonctionnalité de Tailwind restera la même.

Alternatives

La documentation de Tailwind CSS fournit un guide pour installer Tailwind avec n'importe quelle bibliothèque, framework ou outil de développement web moderne. Suivre la documentation vous mènera à un résultat réussi.

Documentation

Remarque

Tous les exemples seront démontrés en utilisant du HTML, CSS et JavaScript simples pour faciliter l'utilisation et la configuration. Par conséquent, vous pouvez réaliser toutes les expériences directement sur la plateforme, en vous concentrant spécifiquement sur Tailwind.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.57

bookMéthodes d'Installation

Glissez pour afficher le menu

Comme Tailwind CSS est un framework, il ne sort pas de nulle part. Nous devons l'installer dans notre application. Nous allons explorer deux façons rapides d'ajouter Tailwind à votre projet.

1. Utilisation du CDN

Si vous travaillez avec du HTML, CSS et JavaScript vanille, vous pouvez utiliser le lien CDN de Tailwind, en l'insérant simplement dans l'élément head du document HTML.

Cette méthode est idéale pour les petits projets et le prototypage rapide.

index.html

index.html

copy

2. Utilisation de npm/yarn

Si vous traitez quelque chose de plus complexe et utilisez npm/yarn pour gérer les dépendances, alors votre choix est d'installer via npm/yarn.

npm install tailwindcss
# or
yarn add tailwindcss

Remarque

Quelle que soit la méthode choisie, la fonctionnalité de Tailwind restera la même.

Alternatives

La documentation de Tailwind CSS fournit un guide pour installer Tailwind avec n'importe quelle bibliothèque, framework ou outil de développement web moderne. Suivre la documentation vous mènera à un résultat réussi.

Documentation

Remarque

Tous les exemples seront démontrés en utilisant du HTML, CSS et JavaScript simples pour faciliter l'utilisation et la configuration. Par conséquent, vous pouvez réaliser toutes les expériences directement sur la plateforme, en vous concentrant spécifiquement sur Tailwind.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 3
some-alt