Completați cum să: creați-reacționa-native-aplicație cu Genymotion (Android Emulator) pe Windows 10 în 10 pași

Am fost întotdeauna un fan al ghidurilor rapide de început. Iată încercarea mea de a-i ajuta pe cei care doresc să configureze un emulator Android să-și construiască aplicațiile native React folosind aplicația create-native-react și Genymotion pe Windows 10.

În acest ghid presupun că oamenii încep de la zero. (instalarea Windows proaspătă fără dependențe)

Pasul 1: Instalează Node.js

Deoarece începem de la zero, să descărcăm primul Node.js. Trebuie doar să descărcați versiunea LTS pentru a fi pe partea mai sigură. Puteți obține asta de aici:

Urmați instrucțiunile de instalare (continuați să faceți clic pe Următorul) până când apare dialogul Finish.

Odată terminat, deschideți promptul de comandă (faceți clic pe Start -> tastați cmd și apăsați Enter) și tastați unul câte unul:

nod -v
npm -v

dacă amândouă aceste comenzi nu au returnat nicio eroare, sunteți setat pentru pasul 2, altceva nu a funcționat cu instalarea Node.js. Puteți rezolva problemele aici:

** Pasul 2 (Deocamdată): downgrade npm la v4.x.x

Din momentul redactării acestui ghid. Asistența pentru npm @ 5 este buggy. Sunt sigur că va fi remediat în viitorul apropiat. Dar acum asta faceți:

npm instalare -g npm @ 4

Pasul 3: Instalează aplicația native-react-native

Acum, că aveți Node.js în funcție și funcționează în promptul de comandă de tipul următor:

npm instalare -g create-react-native-app

și apăsați Enter.

Pasul 4: Înregistrează-te pe Genymotion

Accesați https://www.genymotion.com/account/create/ și creați-vă un cont.

Personal,
Pentru tipul companiei am ales: freelanceri și,
pentru tipul de utilizare pe care l-am ales: Dezvoltare

Pasul 4: Descărcați Genymotion

Odată terminat, ar trebui să fii dus la pagina descărcărilor, dacă nu te duci acolo:

Alegeți opțiunea cu VirtualBox (dacă nu aveți VirtualBox instalat deja pe computerul dvs. Windows).

Pasul 5: Adăugarea unui nou dispozitiv virtual în Genymotion

Odată descărcat, deschideți Genymotion și conectați-vă cu datele de autentificare create la pasul 3.
Acum, veți putea adăuga un nou dispozitiv virtual (Ctrl + N).

Alegeți orice din listă și faceți clic pe Următorul.

După ce ați terminat, veți vedea dispozitivele enumerate în dispozitive virtuale:

Pasul 6: Configurarea variabilelor de mediu și adăugarea căii

Suntem aproape acolo! Nu apăsați încă Start, minimalizați fereastra Genymotion și faceți clic dreapta pe acest computer (computerul meu) -> selectează proprietăți.

Căutați setări avansate ale sistemului în panoul din stânga și faceți clic pe acesta.

Fereastra Proprietăți sistem ar trebui să apară. Apoi faceți clic pe Variabile de mediu din dreapta jos.

În fereastra Variabilă de mediu care apare.
Sub pachetul de variabile de sistem, selectați Calea și faceți clic pe Editare.

Apoi, în fereastra de modificare a mediului de editare, faceți clic pe Nou -> adăugați calea C: \ Fișiere de program \ Genymobile \ Genymotion \ tool -> faceți clic pe OK până când toate ferestrele se închid.

Pasul 7: Pornirea dispozitivului virtual în Genymotion

Apoi, restabiliți fereastra Genymotion minimizată anterior și faceți clic pe Start.

Ar trebui să vedeți un emulator Android ca acesta:

Pasul 8: Crearea aplicației native create-react-native

Apoi, deschideți din nou Command Prompt și accesați directorul proiectelor și tastați:

creați-reacționa-nativ-aplicația dvs.-minunat-proiect

Pasul 9: Rularea aplicației „create-reacționează-native-native”

Acum, în tipul de prompt de comandă:

cd dvs.-minunat-proiect
npm rulează Android

Pasul 10: dați permisiunea și Voila!

În cele din urmă, acordați permisiunea de a vă expune atunci când vedeți acest ecran (sau similar) în Dispozitivul dvs. virtual.

Și ați terminat!

Sper că acest ghid te-a ajutat. Fericitul Hacking într-adevăr!