Wählen Sie Komponente aus

Verwenden Sie die Komponentenauswahl

1. Führen Sie die App aus und öffnen Sie sie Vorschau.
2. Wählen Sie das Cursorsymbol mit der Bezeichnung aus Komponente auswählen. Sie können auch verwenden Strg + Umschalt + C unter Windows/Linux oder Befehl + Umschalt + C auf macOS.
3. Bewegen Sie sich über die Vorschau und wählen Sie das Element aus, das Sie ändern möchten.
4. Bestätigen Sie, dass die ausgewählte Komponente mit der Chat-Eingabe angezeigt wird.
5. Beschreiben Sie die beabsichtigte Änderung und senden Sie die Aufforderung.

Auswahl liefert Kontext; Es hindert das Modell nicht daran, zugehörige Dateien zu ändern, wenn die Implementierung dies erfordert. Überprüfen Sie den resultierenden Unterschied und das Vorschauverhalten.

Ältere oder importierte Projekte

Aktuelle offizielle React/Vite- und Expo-Starter umfassen das Komponenteninspektions-Setup. Bei einigen älteren oder importierten Projekten ist dies nicht der Fall. Die vorherige Upgrade-Liste für App-Details wird in der aktuellen Benutzeroberfläche nicht angezeigt, daher gibt es keine Upgrade-Schaltfläche, die von dieser Seite aus ausgeführt werden kann.

Eine deaktivierte Auswahlschaltfläche nach dem vollständigen Laden der Vorschau bedeutet normalerweise, dass dem Projekt die Inspektor-Integration fehlt. Vite-Projekte verwenden @elmony/react-vite-component-tagger und Expo-Projekte nutzen @elmony/expo-metro-tagger. Durch die Integration dieser Pakete ändert sich die Build-Konfiguration. Nehmen Sie die Änderung daher in einem Zweig oder einer Version vor, die Sie wiederherstellen können, und befolgen Sie die Konfigurationsanforderungen des Pakets.