Per questo, creerò di nuovo un nuovo progetto con expo, expo init e poi un nome a tua
scelta e lo chiamerò rn-complete-guide perché alla fine, questa è una guida completa di React Native che
tu ' sono arrivato qui e inizierò con il modello vuoto qui,
quindi quella prima opzione nel mio caso qui. Per quanto riguarda il nome, chiamerò questa guida rn ma
puoi scegliere qualsiasi nome tu voglia qui, basta premere invio e andrò con npm, non con filato e ora proprio come nella sezione del
primo corso, questo creerà un nuovo progettare e configurare un'app React Native all'interno.
Quindi aspettiamo che questo finisca e con esso finito,
potresti seguire queste istruzioni ma non lo farò qui, invece eccomi di nuovo in Visual Studio Code, ancora con
la mia prima app dalla prima sezione aperta e apri subito quello nuovo, quello
che abbiamo appena creato ed ecco il progetto aperto in Visual Studio Code.
Ho esaminato tutti i file e le cartelle di base che abbiamo qui nel primo modulo
del corso, quindi
non lo ripeterò qui e con quello aperto qui in Visual Studio Code, ora vado effettivamente al menu e
quindi scelgo il terminale , nuovo terminale per aprire il mio terminale di sistema o il prompt dei comandi di sistema
a seconda del sistema operativo su cui stai lavorando
qui nell'IDE, quindi questo è il tuo normale prompt dei comandi, il tuo terminale normale appena integrato nell'IDE e già
navigato nella cartella del progetto , quindi non è necessario utilizzare cd per navigare
altrove e ora qui eseguirò npm start e questo farà lo stesso come
se l'avessi eseguito qui, la differenza è che ora vedo sempre errori o messaggi di registro direttamente qui nell'IDE che è
più conveniente lavorare con.
Abbiamo ancora quel processo che dovresti continuare a eseguire per ottenere questi aggiornamenti live quando salvi qualcosa.
Vedi i comandi che puoi digitare qui o le scorciatoie che puoi premere per avviare la tua
app sugli emulatori e hai anche quel browser che è attivo e funzionante qui per la tua applicazione, gli strumenti di sviluppo di Expo.
Ora ho due emulatori attivi e funzionanti qui, Android e iOS, ovviamente non è necessario,
ma voglio mostrarti come funziona
questa app su entrambi e posso eseguire questa app su Android premendo un qui nel terminale e Posso eseguirlo anche su
iOS premendo I e ho fatto entrambi qui.
In alternativa, avremmo potuto usare questi pulsanti qui negli strumenti di sviluppo expo nel browser.
Quindi ora questo sta lanciando l'app qui su questi dispositivi, sul simulatore Android e iOS e tornerò
una volta terminato perché il primo lancio richiede sempre
un po 'più di tempo, le successive ricostruzioni, le ricariche sono molto più veloci ovviamente e qui, otteniamo quell'app di avvio in
esecuzione su questi emulatori.
Nel caso in cui ti sembri un po 'diverso, in allegato trovi il mio progetto di partenza esattamente nello stesso
modo in cui lo ho qui in modo che tu
possa anche usarlo, sostituisci i file nel
tuo progetto con il mio e quindi se esegui npm start, guarda qui.
Quindi questo è il progetto iniziale su cui ora costruiremo e su cui ora lavoreremo.