W tym celu utworzę ponownie nowy projekt z expo, expo init, a następnie wybraną przez Ciebie
nazwą i nadam jej nazwę rn-complete-guide, ponieważ ostatecznie jest to kompletny przewodnik React Native,
który „ już tu jestem i zacznę od pustego szablonu tutaj,
więc pierwsza opcja w moim przypadku tutaj. Jeśli chodzi o nazwę, wymienię ten przewodnik rn, ale
możesz wybrać dowolne imię, po prostu naciśnij Enter i pójdę z npm, a nie z włóczką, a teraz, tak jak w sekcji
pierwszego kursu, stworzy to nowy projektu i skonfiguruj tam aplikację React Native.
Poczekajmy więc, aż to się skończy, a po
zakończeniu możesz postępować zgodnie z tymi instrukcjami, ale nie zrobię tego tutaj, zamiast tego wracam do Visual
Studio Code, wciąż z pierwszą aplikacją z pierwszej sekcji otwartą i otwórz
teraz nowy, właśnie utworzony, a oto projekt otwarty w Visual Studio Code.
Przeszedłem przez wszystkie podstawowe pliki i foldery, które mamy tutaj w pierwszym module kursu,
więc nie powtórzę
tego tutaj i po otwarciu tego tutaj w Visual Studio Code, teraz faktycznie przejdę do menu, a
następnie wybiorę terminal , nowy terminal, aby otworzyć mój terminal systemowy lub systemowy wiersz poleceń w zależności od systemu operacyjnego,
w którym pracujesz tutaj w IDE, więc to
jest twój normalny wiersz poleceń, twój normalny terminal właśnie zintegrował się z IDE i już nawigował w tym folderze
projektu , więc nie trzeba używać cd do nawigacji gdziekolwiek indziej, a teraz
tutaj uruchomię npm start i to zrobi to samo, jak gdybym go
uruchomił tutaj, różnica polega teraz na tym, że zawsze widzę błędy lub jakiekolwiek komunikaty dziennika bezpośrednio tutaj w IDE, z
którym wygodniej jest pracować.
Nadal mamy proces, który powinieneś kontynuować, aby otrzymywać te aktualizacje na żywo, gdy coś zapiszesz.
Widzisz polecenia, które możesz tutaj wpisać, lub skróty, które możesz nacisnąć, aby uruchomić
aplikację na emulatorach, a także masz uruchomioną i uruchomioną tutaj kartę przeglądarki dla aplikacji, narzędzi do tworzenia expo.
Teraz mam uruchomione tutaj dwa emulatory, Android i iOS, nie potrzebujesz tego oczywiście, ale chcę
pokazać, jak działa ta aplikacja
na obu urządzeniach. Mogę uruchomić tę aplikację na Androidzie, naciskając tutaj w terminalu i Mogę również uruchomić go na iOS,
naciskając I i ja zrobiłem oba tutaj.
Alternatywnie moglibyśmy użyć tych przycisków tutaj w narzędziach do tworzenia expo w przeglądarce.
Teraz to uruchamia aplikację tutaj na tych urządzeniach, na symulatorze Androida i iOS, a
ja wrócę, gdy zostanie ukończona, ponieważ pierwsze
uruchomienie zawsze trwa trochę dłużej, kolejne przebudowy, przeładowania są oczywiście o wiele szybsze i tutaj, otrzymujemy aplikację startową
działającą na tych emulatorach.
Teraz, jeśli wygląda to trochę inaczej, w załączeniu znajdujesz mój projekt początkowy w dokładnie taki sam sposób,
w jaki go tu mam, dzięki czemu możesz go
również użyć, zamień pliki w swoim
projekcie na mój, a następnie, jeśli uruchomisz npm start, spójrz tutaj.
To jest projekt początkowy, nad którym teraz będziemy budować i nad którym będziemy pracować.