1
00:00:02,270 --> 00:00:07,850
W tym celu utworzę ponownie nowy projekt z expo, expo init, a następnie wybraną przez Ciebie

2
00:00:07,880 --> 00:00:13,040
nazwą i nadam jej nazwę rn-complete-guide, ponieważ ostatecznie jest to kompletny przewodnik React Native,

3
00:00:13,040 --> 00:00:16,790
który „ już tu jestem i zacznę od pustego szablonu tutaj,

4
00:00:16,810 --> 00:00:22,700
więc pierwsza opcja w moim przypadku tutaj. Jeśli chodzi o nazwę, wymienię ten przewodnik rn, ale

5
00:00:22,700 --> 00:00:29,570
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

6
00:00:29,570 --> 00:00:33,390
pierwszego kursu, stworzy to nowy projektu i skonfiguruj tam aplikację React Native.

7
00:00:33,410 --> 00:00:37,120
Poczekajmy więc, aż to się skończy, a po

8
00:00:37,120 --> 00:00:44,040
zakończeniu możesz postępować zgodnie z tymi instrukcjami, ale nie zrobię tego tutaj, zamiast tego wracam do Visual

9
00:00:44,100 --> 00:00:49,020
Studio Code, wciąż z pierwszą aplikacją z pierwszej sekcji otwartą i otwórz

10
00:00:49,030 --> 00:00:53,750
teraz nowy, właśnie utworzony, a oto projekt otwarty w Visual Studio Code.

11
00:00:53,760 --> 00:00:58,660
Przeszedłem przez wszystkie podstawowe pliki i foldery, które mamy tutaj w pierwszym module kursu,

12
00:00:58,660 --> 00:00:59,770
więc nie powtórzę

13
00:00:59,970 --> 00:01:05,820
tego tutaj i po otwarciu tego tutaj w Visual Studio Code, teraz faktycznie przejdę do menu, a

14
00:01:05,820 --> 00:01:12,420
następnie wybiorę terminal , nowy terminal, aby otworzyć mój terminal systemowy lub systemowy wiersz poleceń w zależności od systemu operacyjnego,

15
00:01:12,420 --> 00:01:15,270
w którym pracujesz tutaj w IDE, więc to

16
00:01:15,300 --> 00:01:21,660
jest twój normalny wiersz poleceń, twój normalny terminal właśnie zintegrował się z IDE i już nawigował w tym folderze

17
00:01:21,660 --> 00:01:26,220
projektu , więc nie trzeba używać cd do nawigacji gdziekolwiek indziej, a teraz

18
00:01:26,290 --> 00:01:30,520
tutaj uruchomię npm start i to zrobi to samo, jak gdybym go

19
00:01:30,590 --> 00:01:37,230
uruchomił tutaj, różnica polega teraz na tym, że zawsze widzę błędy lub jakiekolwiek komunikaty dziennika bezpośrednio tutaj w IDE, z

20
00:01:37,230 --> 00:01:38,630
którym wygodniej jest pracować.

21
00:01:38,700 --> 00:01:44,360
Nadal mamy proces, który powinieneś kontynuować, aby otrzymywać te aktualizacje na żywo, gdy coś zapiszesz.

22
00:01:44,370 --> 00:01:50,130
Widzisz polecenia, które możesz tutaj wpisać, lub skróty, które możesz nacisnąć, aby uruchomić

23
00:01:51,260 --> 00:01:59,030
aplikację na emulatorach, a także masz uruchomioną i uruchomioną tutaj kartę przeglądarki dla aplikacji, narzędzi do tworzenia expo.

24
00:01:59,030 --> 00:02:05,060
Teraz mam uruchomione tutaj dwa emulatory, Android i iOS, nie potrzebujesz tego oczywiście, ale chcę

25
00:02:05,060 --> 00:02:07,380
pokazać, jak działa ta aplikacja

26
00:02:07,440 --> 00:02:15,240
na obu urządzeniach. Mogę uruchomić tę aplikację na Androidzie, naciskając tutaj w terminalu i Mogę również uruchomić go na iOS,

27
00:02:15,240 --> 00:02:18,180
naciskając I i ja zrobiłem oba tutaj.

28
00:02:18,180 --> 00:02:23,450
Alternatywnie moglibyśmy użyć tych przycisków tutaj w narzędziach do tworzenia expo w przeglądarce.

29
00:02:23,610 --> 00:02:29,430
Teraz to uruchamia aplikację tutaj na tych urządzeniach, na symulatorze Androida i iOS, a

30
00:02:29,430 --> 00:02:32,420
ja wrócę, gdy zostanie ukończona, ponieważ pierwsze

31
00:02:32,460 --> 00:02:39,830
uruchomienie zawsze trwa trochę dłużej, kolejne przebudowy, przeładowania są oczywiście o wiele szybsze i tutaj, otrzymujemy aplikację startową

32
00:02:39,830 --> 00:02:41,560
działającą na tych emulatorach.

33
00:02:41,700 --> 00:02:47,960
Teraz, jeśli wygląda to trochę inaczej, w załączeniu znajdujesz mój projekt początkowy w dokładnie taki sam sposób,

34
00:02:47,960 --> 00:02:51,170
w jaki go tu mam, dzięki czemu możesz go

35
00:02:51,170 --> 00:02:53,820
również użyć, zamień pliki w swoim

36
00:02:53,990 --> 00:02:57,920
projekcie na mój, a następnie, jeśli uruchomisz npm start, spójrz tutaj.

37
00:02:57,920 --> 00:03:02,030
To jest projekt początkowy, nad którym teraz będziemy budować i nad którym będziemy pracować.