Dovršite kako: stvorite-reagirajte-native-app s Genymotion (Android Emulator) na Windows 10 u 10 koraka

Uvijek sam bio ljubitelj brzih vodiča za pokretanje. Evo mog pokušaja da pomognem onima koji žele postaviti android emulator da izgrade svoje prirodne aplikacije React koristeći app-native-react-app i Genymotion na Windows 10.

U ovom vodiču pretpostavljam da ljudi počinju ispočetka. (svježa instalacija sustava Windows bez ovisnosti)

1. korak: instalirajte Node.js

Budući da počinjemo ispočetka, prvo preuzmite Node.js. Samo preuzmite LTS verziju da biste bili sigurniji. To možete dobiti odavde:

Slijedite upute za instalaciju (nastavite kliknuti Next) dok se ne pojavi dijalog Finish.

Nakon završetka otvorite naredbeni redak (kliknite Start -> upišite cmd i pritisnite Enter) i upišite jednu po jednu:

čvor -v
npm -v

ako obje ove naredbe nisu vratile nikakve pogreške, vi ste postavljeni za korak 2, nešto je pošlo po zlu s vašom instalacijom Node.js. Ovdje možete riješiti problem:

** 2. korak (za sada): smanjite npm na v4.x.x

Od vremena pisanja ovog vodiča. Podrška za npm @ 5 je buga. Siguran sam da će to biti popravljeno u bliskoj budućnosti. Ali za sada to radite:

npm install -g npm @ 4

3. korak: instalirajte izvornu aplikaciju create-react

Sada kada ste postavili Node.js i trčali unutar naredbenog retka sljedeći tip:

npm install -g create-react-native-app

i pritisnite Enter.

Korak 4: Prijavite se na Genymotion

Prijeđite na https://www.genymotion.com/account/create/ i otvorite račun.

osobno,
Za vrstu tvrtke odabrao sam: freelancere i,
za vrstu uporabe koju sam odabrao: Razvoj

Korak 4: Preuzmite Genymotion

Nakon što završite, trebalo bi vas prevesti na stranicu za preuzimanje, ako ne i sami:

Odaberite opciju s VirtualBoxom (ako na vašem Windows računalu nemate već instaliran VirtualBox).

5. korak: Dodavanje novog virtualnog uređaja u Genymotion

Nakon preuzimanja otvorite Genymotion i prijavite se s vjerodajnicama stvorenim u 3. koraku.
Sada ćete moći dodati novi virtualni uređaj (Ctrl + N).

Izaberite bilo koji s popisa i kliknite Dalje.

Kada završite, vidjet ćete da su vaši uređaji navedeni pod virtualnim uređajima:

Korak 6: Konfiguriranje varijabli okruženja i dodavanje puta

Skoro smo tamo! Još ne pritisnite Start, minimizirajte Genymotion prozor i desnom tipkom miša kliknite ovo PC (My Computer) -> Select Properties.

Potražite Napredne postavke sustava na lijevoj ploči i kliknite ga.

Trebao bi se prikazati prozor Svojstva sustava. Zatim kliknite na varijable okoline u donjem desnom kutu.

U prozoru varijable okoline koji se prikazuje.
Pod zagradom varijabli sustava odaberite Put i kliknite Uredi.

Zatim u prozoru za promjenu okruženja za uređivanje kliknite Novo -> dodajte stazu C: \ Programske datoteke \ Genymobile \ Genymotion \ tools -> kliknite OK dok se svi prozori ne zatvore.

Korak 7: Pokretanje virtualnog uređaja u Genymotion-u

Zatim vratite prethodno minimizirani prozor Genymotion i kliknite Start.

Trebali biste vidjeti android emulator poput ovog:

8. korak: Stvaranje "create-react-native-app"

Zatim ponovo otvorite naredbeni redak i idite u direktorij projekata i utipkajte:

stvoriti-reagirati-native-app svoj-strašan-projekt

Korak 9: Pokretanje "create-react-native-app"

Sada u naredbeni redak upišite:

cd svoj-strašan projekt
npm trčanje android

Korak 10: Dajte dozvolu i Voila!

Napokon, dajte dozvolu za eksponiranje kada vidite ovaj (ili sličan) zaslon u svom virtualnom uređaju.

I gotovi ste!

Nadam se da vam je ovaj vodič pomogao. Sretno sjeckanje doista!