Ako na to: create-rea-native-app s Genymotion (Android Emulator) na Windows 10 v 10 krokoch

Vždy som bol fanúšikom rýchlo začínajúcich sprievodcov. Tu je môj pokus pomôcť tým, ktorí chcú nastaviť emulátor Android, aby si mohli vytvárať svoje natívne aplikácie React pomocou aplikácií create-native-rea-app a Genymotion v systéme Windows 10.

V tejto príručke predpokladám, že ľudia začínajú od nuly. (čerstvá inštalácia systému Windows bez závislosti)

Krok 1: Nainštalujte súbor Node.js

Keďže začíname od nuly, stiahnite najskôr súbor Node.js. Stačí stiahnuť verziu LTS, aby bola na bezpečnejšej strane. Môžete to získať tu:

Postupujte podľa pokynov na inštaláciu (pokračujte kliknutím na tlačidlo Ďalej), kým sa nezobrazí dialógové okno Dokončiť.

Po dokončení otvorte príkazový riadok (kliknite na Štart -> napíšte cmd a stlačte Enter) a napíšte jeden po druhom:

uzol -v
npm -v

Ak obidva tieto príkazy nevrátili žiadne chyby, ste nastavený na 2. krok, pri inštalácii servera Node.js sa niečo pokazilo. Môžete to vyriešiť tu:

** Krok 2 (zatiaľ): znížte počet npm na v4.x.x

V čase písania tejto príručky. Podpora pre npm @ 5 je buggy. Som si istý, že to bude opravené v blízkej budúcnosti. Teraz však robíte toto:

inštalácia npm -g npm @ 4

Krok 3: Inštalácia natívnej aplikácie create-rea-native

Teraz, keď máte Node.js spustené a spustené vo vnútri príkazového riadka nasledujúceho typu:

npm install -g create-rea-native-app

a stlačte Enter.

Krok 4: Zaregistrujte sa v službe Genymotion

Prejdite na stránku https://www.genymotion.com/account/create/ a vytvorte si účet.

osobne
Pre typ spoločnosti, ktorý som si vybral: Na voľnej nohe a,
pre typ použitia, ktorý som si vybral: Vývoj

Krok 4: Stiahnite si Genymotion

Po dokončení by ste sa mali presunúť na stránku so stiahnutými súbormi, ak tam sami neamierte:

Vyberte možnosť s VirtualBox (ak ešte nemáte nainštalovaný VirtualBox vo vašom Windows PC).

Krok 5: Pridanie nového virtuálneho zariadenia v Genymotion

Po stiahnutí otvorte program Genymotion a prihláste sa pomocou poverení vytvorených v kroku 3.
Teraz budete môcť pridať nové virtuálne zariadenie (Ctrl + N).

Vyberte ľubovoľný zo zoznamu a kliknite na Ďalej.

Po dokončení sa vaše zariadenia zobrazia v zozname Virtuálne zariadenia:

Krok 6: Konfigurácia premenných prostredia a pridanie cesty

Už sme skoro tam! Zatiaľ nestláčajte tlačidlo Štart, minimalizujte okno Genymotion a kliknite pravým tlačidlom myši na Tento počítač (Tento počítač) -> Vyberte položku Vlastnosti.

Na ľavom paneli vyhľadajte Rozšírené nastavenia systému a kliknite naň.

Malo by sa zobraziť okno Vlastnosti systému. Potom kliknite vpravo dole na premenné prostredia.

V zobrazenom okne Premenná prostredia.
V zátvorke Systémové premenné vyberte položku Cesta a kliknite na tlačidlo Upraviť.

Ďalej v okne premennej prostredia úprav kliknite na Nový -> pridať cestu C: \ Program Files \ Genymobile \ Genymotion \ tools -> kliknite na tlačidlo OK, kým sa nezatvoria všetky okná.

Krok 7: Spustenie virtuálneho zariadenia v Genymotion

Ďalej obnovte predtým minimalizované okno Genymotion a kliknite na Štart.

Mali by ste vidieť emulátor Android, ako je tento:

Krok 8: Vytvorenie aplikácie „create-reag-native-native“

Potom znova otvorte príkazový riadok a prejdite do adresára svojich projektov a zadajte:

vytvorte-reagujte-natívny-app váš-úžasný-projekt

Krok 9: Spustenie aplikácie „create-rea-native-native“

Teraz do príkazového riadka napíšte:

cd váš úžasný projekt
npm spustiť android

Krok 10: Dajte povolenie a Voila!

Nakoniec dajte povolenie na expo, keď uvidíte túto (alebo podobnú) obrazovku vo vašom virtuálnom zariadení.

A ste hotoví!

Dúfam, že vám tento sprievodca pomohol. Skutočne šťastný hacking!