GusCSS - Documentation

Introduction

Bienvenue dans le guide d'installation de GusCSS. Ce guide vous aidera à installer et configurer GusCSS dans votre projet.

Étape 1 : Installer GusCSS via NPM

Pour commencer, ouvrez votre terminal et naviguez jusqu'au répertoire de votre projet. Ensuite, exécutez la commande suivante pour installer GusCSS :

npm install guscss

Cette commande téléchargera et installera GusCSS ainsi que toutes ses dépendances.

Étape 2 : Inclure GusCSS dans votre projet

Une fois l'installation terminée, vous devez inclure les fichiers CSS et JavaScript de GusCSS dans votre projet.

Inclure le fichier CSS

Ajoutez la ligne suivante dans la section <head> de votre fichier HTML pour inclure le fichier CSS de GusCSS :

<link rel="stylesheet" href="node_modules/guscss/dist/style.css">

Inclure le fichier JavaScript

Ajoutez la ligne suivante juste avant la balise de fermeture </body> de votre fichier HTML pour inclure le fichier JavaScript de GusCSS :

<script type="module" src="node_modules/guscss/dist/js/bundle.js"></script>

Étape 3 : Vérifier l'installation

Pour vérifier que GusCSS est correctement installé, ouvrez votre fichier HTML dans un navigateur et assurez-vous que les styles et les composants fonctionnent comme prévu.

Si vous rencontrez des problèmes, assurez-vous que les chemins vers les fichiers CSS et JavaScript sont corrects et que les fichiers sont bien présents dans le répertoire node_modules/guscss/dist/.

Étape 4 : Explorer les composants

Maintenant que GusCSS est installé, vous pouvez commencer à utiliser les différents composants disponibles. Consultez la documentation des composants pour plus d'informations sur chaque élément.

Conclusion

Félicitations ! Vous avez réussi à installer GusCSS. Vous êtes maintenant prêt à utiliser les composants et styles de GusCSS pour créer des interfaces utilisateur modernes et réactives.