Der folgende standardisierte Prozess muss befolgt werden, um die Komponenten von 21st.dev zu installieren:
Bereitschaft:
- Stellen Sie sicher, dass die Projektumgebung mit Node.js und npm konfiguriert ist (v16+ empfohlen)
- Verwendung moderner Front-End-Frameworks wie Next.js oder Vite
- Das Projekt erfordert eine Vorab-Integration von React und Tailwind CSS
Spezifische Installationsschritte:
- Starten Sie ein Terminal im Stammverzeichnis des Projekts
- Führen Sie den Installationsbefehl aus (mit accordion als Beispiel):
npx shadcn@latest add "https://21st.dev/r/shadcn/accordion" - Das System tut dies automatisch:
- Komponentencode und Abhängigkeiten Download
- JSX/CSS-Dateien erstellen
- Aktualisieren der Tailwind-Konfiguration
- Globale Stile einfügen (falls erforderlich)
Verwenden Sie die Tipps:Die installierten Komponenten befinden sich standardmäßig im Verzeichnis@/components/uiVerzeichnis, das auf die übliche React-Art importiert und verwendet werden kann. Diese Methode stellt sicher, dass alle Abhängigkeiten korrekt konfiguriert sind, im Gegensatz zum manuellen Kopieren des Codes.
Diese Antwort stammt aus dem Artikel21st.dev: eine Open-Source-Plattform für die schnelle Beschaffung und den Austausch von React UI-KomponentenDie
Darf nicht ohne Genehmigung vervielfältigt werden:KI-Produktivitätswerkzeuge " Wie installiere ich React-Komponenten in meinem eigenen Projekt über 21st.dev?
