Aperçu et téléchargement de composants

Parcourez le marché des composants, trouvez les composants dont vous avez besoin et téléchargez-les dans votre projet.

Parcourir le marché des composants

Cliquez sur « Marché des composants » dans le menu de gauche pour voir tous les composants disponibles. La liste des composants prend en charge les filtres suivants :

• Recommandé : recommandés intelligemment en fonction de l'utilisation et des évaluations
• Récent : classés par ordre chronologique inverse selon la date de publication
• Populaire : triés par nombre de téléchargements
• Tout : affiche tous les composants (y compris ceux dont les dépendances ne correspondent pas)

Aperçu des composants

Cliquez sur le bouton « Aperçu » sur la carte du composant pour ouvrir la page de détail dans un nouvel onglet.

La page de détail contient :

• Zone d'aperçu : affiche l'effet réel d'exécution du composant
  • Prise en charge de la bascule entre la vue en petite fenêtre / plein écran
  • Couleur de fond réglable pour s'adapter à différents thèmes
• Zone de documentation : affiche le contenu de README.md (si disponible)
• Sélection de version : basculez pour afficher différentes versions du composant
• Informations sur les dépendances : affichez les dépendances requises par le composant et leurs versions

Téléchargement des composants

Méthode 1 : Télécharger depuis le marché des composants

1. Trouvez le composant cible dans le marché des composants
2. Cliquez sur le bouton « Télécharger » sur la carte
3. Dans le sélecteur de fichiers qui s'affiche, accédez au répertoire src/components du projet
4. Cliquez sur « Sélectionner le dossier » pour confirmer le téléchargement

Méthode 2 : Télécharger depuis la page d'aperçu

1. Entrez sur la page d'aperçu du composant
2. Cliquez sur le bouton « Télécharger » dans le coin inférieur droit
3. Sélectionnez l'emplacement d'enregistrement

Une fois le téléchargement terminé, le dossier du composant apparaîtra dans le répertoire que vous avez spécifié.

Utilisation des composants

Les composants téléchargés peuvent être utilisés directement dans le projet :

<template>
  <div>
    <MyComponent :title="'Hello'" />
  </div>
</template>

<script setup>
import MyComponent from '@/components/MyComponent/index.vue'
</script>

FAQ

Q : Le composant ne fonctionne pas correctement après le téléchargement ?

R : Veuillez vérifier :

1. Si les dépendances requises par le composant sont installées
2. Si la version du framework correspond aux exigences du composant (Vue 2/3 ou React)
3. S'il y a des conflits de styles globaux

Q : Pourquoi ne puis-je pas voir certains composants dans « Recommandé » ?

R : Raisons possibles :

1. La version du framework local ne correspond pas aux exigences du composant
2. Les dépendances requises par le composant sont manquantes
3. Le composant est marqué comme dupliqué

Passez au filtre « Tout » pour afficher tous les composants, mais ceux dont les dépendances ne correspondent pas peuvent ne pas être visualisables en aperçu.

Q : Comment signaler des problèmes de composant ?

R : Cliquez sur le bouton « Retour d'information » sur la page d'aperçu du composant, ou contactez l'auteur du composant dans la communauté.