Zu diesem Zweck werde ich erneut ein brandneues Projekt mit expo, expo init und dann einem Namen Ihrer
Wahl erstellen und es als rn-complete-guide bezeichnen, da dies am Ende ein vollständiger React Native-Leitfaden ist, den
Sie ' Ich bin hier angekommen und beginne hier mit der leeren
Vorlage, also die erste Option in meinem Fall hier. In Bezug auf den Namen werde ich diesen Leitfaden benennen,
aber Sie können hier einen beliebigen Namen auswählen. Drücken Sie einfach die Eingabetaste und ich gehe mit npm, nicht mit Garn, und jetzt, genau wie im
ersten Kursabschnitt, wird ein neuer erstellt Projizieren und richten Sie dort eine React Native-App ein.
Warten wir also, bis dies abgeschlossen ist, und wenn es fertig ist,
können Sie diesen Anweisungen folgen, aber ich werde dies hier nicht tun. Stattdessen bin ich wieder in Visual Studio Code, immer noch mit meiner
ersten App aus dem ersten geöffneten Abschnitt, und ich werde es tun Öffnen Sie jetzt das neue,
das wir gerade erstellt haben, und hier ist das Projekt, das in Visual Studio Code geöffnet wurde.
Ich habe alle Kerndateien und Ordner durchgesehen, die wir hier im ersten Kursmodul haben, daher
werde ich dies
hier nicht wiederholen. Nachdem dies hier in Visual Studio Code geöffnet wurde, gehe ich jetzt tatsächlich zum Menü
und wähle dann Terminal , neues Terminal zum Öffnen meines Systemterminals oder der System-Eingabeaufforderung, je nachdem, an welchem Betriebssystem Sie
hier in der IDE arbeiten. Dies ist also
Ihre normale Eingabeaufforderung. Ihr normales Terminal ist gerade in die IDE integriert und bereits in diesem Projektordner navigiert Sie
müssen also keine CD verwenden, um irgendwo anders zu navigieren, und jetzt starte
ich hier npm start. Dies geschieht genauso, als hätte ich es hier
ausgeführt. Der Unterschied besteht nun darin, dass ich immer Fehler oder Protokollmeldungen sehe direkt hier in der IDE, mit der
man bequemer arbeiten kann.
Wir haben immer noch den Prozess, den Sie weiter ausführen sollten, um diese Live-Updates zu erhalten, wenn Sie etwas speichern.
Sie sehen die Befehle, die Sie hier eingeben können, oder die Verknüpfungen, die Sie drücken können,
um Ihre App auf Emulatoren zu starten, und Sie haben auch diesen Browser-Tab, der hier für Ihre Anwendung, die Expo-Entwicklungstools, ausgeführt wird.
Jetzt habe ich hier zwei Emulatoren zum Laufen gebracht, Android und iOS. Das brauchen Sie natürlich nicht, aber ich
möchte Ihnen zeigen, wie diese App
auf beiden läuft, und ich kann diese App auf Android ausführen, indem Sie hier im Terminal auf und drücken Ich kann es auch unter iOS
ausführen, indem ich hier auf I und I drücke.
Alternativ hätten wir diese Schaltflächen hier in den Expo-Entwicklungstools im Browser verwenden können.
Jetzt wird die App hier auf diesen Geräten, auf dem Android- und iOS-Simulator gestartet, und
ich bin zurück, sobald sie abgeschlossen ist, da
der erste Start immer etwas länger dauert, nachfolgende Neuerstellungen, das Nachladen natürlich viel schneller und hier, Wir starten diese
Start-App auf diesen Emulatoren.
Falls das für Sie etwas anders aussieht, finden Sie im Anhang mein Startprojekt genauso, wie ich es hier
habe, damit Sie es auch verwenden können. Ersetzen Sie
die Dateien in Ihrem Projekt durch meine
und wenn Sie npm start ausführen, Holen Sie sich diesen Blick hier.
Dies ist also das Startprojekt, an dem wir jetzt aufbauen und an dem wir jetzt arbeiten werden.