1 00:00:02,270 --> 00:00:07,850 Per questo, creerò di nuovo un nuovo progetto con expo, expo init e poi un nome a tua 2 00:00:07,880 --> 00:00:13,040 scelta e lo chiamerò rn-complete-guide perché alla fine, questa è una guida completa di React Native che 3 00:00:13,040 --> 00:00:16,790 tu ' sono arrivato qui e inizierò con il modello vuoto qui, 4 00:00:16,810 --> 00:00:22,700 quindi quella prima opzione nel mio caso qui. Per quanto riguarda il nome, chiamerò questa guida rn ma 5 00:00:22,700 --> 00:00:29,570 puoi scegliere qualsiasi nome tu voglia qui, basta premere invio e andrò con npm, non con filato e ora proprio come nella sezione del 6 00:00:29,570 --> 00:00:33,390 primo corso, questo creerà un nuovo progettare e configurare un'app React Native all'interno. 7 00:00:33,410 --> 00:00:37,120 Quindi aspettiamo che questo finisca e con esso finito, 8 00:00:37,120 --> 00:00:44,040 potresti seguire queste istruzioni ma non lo farò qui, invece eccomi di nuovo in Visual Studio Code, ancora con 9 00:00:44,100 --> 00:00:49,020 la mia prima app dalla prima sezione aperta e apri subito quello nuovo, quello 10 00:00:49,030 --> 00:00:53,750 che abbiamo appena creato ed ecco il progetto aperto in Visual Studio Code. 11 00:00:53,760 --> 00:00:58,660 Ho esaminato tutti i file e le cartelle di base che abbiamo qui nel primo modulo 12 00:00:58,660 --> 00:00:59,770 del corso, quindi 13 00:00:59,970 --> 00:01:05,820 non lo ripeterò qui e con quello aperto qui in Visual Studio Code, ora vado effettivamente al menu e 14 00:01:05,820 --> 00:01:12,420 quindi scelgo il terminale , nuovo terminale per aprire il mio terminale di sistema o il prompt dei comandi di sistema 15 00:01:12,420 --> 00:01:15,270 a seconda del sistema operativo su cui stai lavorando 16 00:01:15,300 --> 00:01:21,660 qui nell'IDE, quindi questo è il tuo normale prompt dei comandi, il tuo terminale normale appena integrato nell'IDE e già 17 00:01:21,660 --> 00:01:26,220 navigato nella cartella del progetto , quindi non è necessario utilizzare cd per navigare 18 00:01:26,290 --> 00:01:30,520 altrove e ora qui eseguirò npm start e questo farà lo stesso come 19 00:01:30,590 --> 00:01:37,230 se l'avessi eseguito qui, la differenza è che ora vedo sempre errori o messaggi di registro direttamente qui nell'IDE che è 20 00:01:37,230 --> 00:01:38,630 più conveniente lavorare con. 21 00:01:38,700 --> 00:01:44,360 Abbiamo ancora quel processo che dovresti continuare a eseguire per ottenere questi aggiornamenti live quando salvi qualcosa. 22 00:01:44,370 --> 00:01:50,130 Vedi i comandi che puoi digitare qui o le scorciatoie che puoi premere per avviare la tua 23 00:01:51,260 --> 00:01:59,030 app sugli emulatori e hai anche quel browser che è attivo e funzionante qui per la tua applicazione, gli strumenti di sviluppo di Expo. 24 00:01:59,030 --> 00:02:05,060 Ora ho due emulatori attivi e funzionanti qui, Android e iOS, ovviamente non è necessario, 25 00:02:05,060 --> 00:02:07,380 ma voglio mostrarti come funziona 26 00:02:07,440 --> 00:02:15,240 questa app su entrambi e posso eseguire questa app su Android premendo un qui nel terminale e Posso eseguirlo anche su 27 00:02:15,240 --> 00:02:18,180 iOS premendo I e ho fatto entrambi qui. 28 00:02:18,180 --> 00:02:23,450 In alternativa, avremmo potuto usare questi pulsanti qui negli strumenti di sviluppo expo nel browser. 29 00:02:23,610 --> 00:02:29,430 Quindi ora questo sta lanciando l'app qui su questi dispositivi, sul simulatore Android e iOS e tornerò 30 00:02:29,430 --> 00:02:32,420 una volta terminato perché il primo lancio richiede sempre 31 00:02:32,460 --> 00:02:39,830 un po 'più di tempo, le successive ricostruzioni, le ricariche sono molto più veloci ovviamente e qui, otteniamo quell'app di avvio in 32 00:02:39,830 --> 00:02:41,560 esecuzione su questi emulatori. 33 00:02:41,700 --> 00:02:47,960 Nel caso in cui ti sembri un po 'diverso, in allegato trovi il mio progetto di partenza esattamente nello stesso 34 00:02:47,960 --> 00:02:51,170 modo in cui lo ho qui in modo che tu 35 00:02:51,170 --> 00:02:53,820 possa anche usarlo, sostituisci i file nel 36 00:02:53,990 --> 00:02:57,920 tuo progetto con il mio e quindi se esegui npm start, guarda qui. 37 00:02:57,920 --> 00:03:02,030 Quindi questo è il progetto iniziale su cui ora costruiremo e su cui ora lavoreremo.