1 00:00:02,270 --> 00:00:07,850 Zu diesem Zweck werde ich erneut ein brandneues Projekt mit expo, expo init und dann einem Namen Ihrer 2 00:00:07,880 --> 00:00:13,040 Wahl erstellen und es als rn-complete-guide bezeichnen, da dies am Ende ein vollständiger React Native-Leitfaden ist, den 3 00:00:13,040 --> 00:00:16,790 Sie ' Ich bin hier angekommen und beginne hier mit der leeren 4 00:00:16,810 --> 00:00:22,700 Vorlage, also die erste Option in meinem Fall hier. In Bezug auf den Namen werde ich diesen Leitfaden benennen, 5 00:00:22,700 --> 00:00:29,570 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 6 00:00:29,570 --> 00:00:33,390 ersten Kursabschnitt, wird ein neuer erstellt Projizieren und richten Sie dort eine React Native-App ein. 7 00:00:33,410 --> 00:00:37,120 Warten wir also, bis dies abgeschlossen ist, und wenn es fertig ist, 8 00:00:37,120 --> 00:00:44,040 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 9 00:00:44,100 --> 00:00:49,020 ersten App aus dem ersten geöffneten Abschnitt, und ich werde es tun Öffnen Sie jetzt das neue, 10 00:00:49,030 --> 00:00:53,750 das wir gerade erstellt haben, und hier ist das Projekt, das in Visual Studio Code geöffnet wurde. 11 00:00:53,760 --> 00:00:58,660 Ich habe alle Kerndateien und Ordner durchgesehen, die wir hier im ersten Kursmodul haben, daher 12 00:00:58,660 --> 00:00:59,770 werde ich dies 13 00:00:59,970 --> 00:01:05,820 hier nicht wiederholen. Nachdem dies hier in Visual Studio Code geöffnet wurde, gehe ich jetzt tatsächlich zum Menü 14 00:01:05,820 --> 00:01:12,420 und wähle dann Terminal , neues Terminal zum Öffnen meines Systemterminals oder der System-Eingabeaufforderung, je nachdem, an welchem Betriebssystem Sie 15 00:01:12,420 --> 00:01:15,270 hier in der IDE arbeiten. Dies ist also 16 00:01:15,300 --> 00:01:21,660 Ihre normale Eingabeaufforderung. Ihr normales Terminal ist gerade in die IDE integriert und bereits in diesem Projektordner navigiert Sie 17 00:01:21,660 --> 00:01:26,220 müssen also keine CD verwenden, um irgendwo anders zu navigieren, und jetzt starte 18 00:01:26,290 --> 00:01:30,520 ich hier npm start. Dies geschieht genauso, als hätte ich es hier 19 00:01:30,590 --> 00:01:37,230 ausgeführt. Der Unterschied besteht nun darin, dass ich immer Fehler oder Protokollmeldungen sehe direkt hier in der IDE, mit der 20 00:01:37,230 --> 00:01:38,630 man bequemer arbeiten kann. 21 00:01:38,700 --> 00:01:44,360 Wir haben immer noch den Prozess, den Sie weiter ausführen sollten, um diese Live-Updates zu erhalten, wenn Sie etwas speichern. 22 00:01:44,370 --> 00:01:50,130 Sie sehen die Befehle, die Sie hier eingeben können, oder die Verknüpfungen, die Sie drücken können, 23 00:01:51,260 --> 00:01:59,030 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. 24 00:01:59,030 --> 00:02:05,060 Jetzt habe ich hier zwei Emulatoren zum Laufen gebracht, Android und iOS. Das brauchen Sie natürlich nicht, aber ich 25 00:02:05,060 --> 00:02:07,380 möchte Ihnen zeigen, wie diese App 26 00:02:07,440 --> 00:02:15,240 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 27 00:02:15,240 --> 00:02:18,180 ausführen, indem ich hier auf I und I drücke. 28 00:02:18,180 --> 00:02:23,450 Alternativ hätten wir diese Schaltflächen hier in den Expo-Entwicklungstools im Browser verwenden können. 29 00:02:23,610 --> 00:02:29,430 Jetzt wird die App hier auf diesen Geräten, auf dem Android- und iOS-Simulator gestartet, und 30 00:02:29,430 --> 00:02:32,420 ich bin zurück, sobald sie abgeschlossen ist, da 31 00:02:32,460 --> 00:02:39,830 der erste Start immer etwas länger dauert, nachfolgende Neuerstellungen, das Nachladen natürlich viel schneller und hier, Wir starten diese 32 00:02:39,830 --> 00:02:41,560 Start-App auf diesen Emulatoren. 33 00:02:41,700 --> 00:02:47,960 Falls das für Sie etwas anders aussieht, finden Sie im Anhang mein Startprojekt genauso, wie ich es hier 34 00:02:47,960 --> 00:02:51,170 habe, damit Sie es auch verwenden können. Ersetzen Sie 35 00:02:51,170 --> 00:02:53,820 die Dateien in Ihrem Projekt durch meine 36 00:02:53,990 --> 00:02:57,920 und wenn Sie npm start ausführen, Holen Sie sich diesen Blick hier. 37 00:02:57,920 --> 00:03:02,030 Dies ist also das Startprojekt, an dem wir jetzt aufbauen und an dem wir jetzt arbeiten werden.