Nasıl Yapılır: 10 adımda Windows 10'da Genymotion (Android Emulator) ile create-react-native-app uygulaması

Ben her zaman hızlı başlayan rehberlerin hayranı oldum. İşte, Windows 10'da create-native-react-app ve Genymotion kullanarak kendi yerel uygulamalarını React oluşturmak için bir android öykünücüsü kurmaya çalışanlara yardım etmeye çalışıyorum.

Bu rehberde insanların sıfırdan başladığını farz ediyorum. (yeni Windows yüklemesi bağımlı olmadan)

Adım 1: Node.js yükleyin

Sıfırdan başladığımızdan, önce Node.js dosyasını indirelim. Daha güvenli olmak için LTS sürümünü indirmeniz yeterli. Bunu buradan alabilirsiniz:

Son iletişim kutusu görünene kadar kurulum talimatlarını takip edin (İleri'ye tıklayın).

İşlem tamamlandıktan sonra, Komut İstemi'ni açın (Başlat -> cmd yazıp Enter tuşuna basın) ve birer birer yazın:

-v düğümü
npm -v

Bu komutların ikisi de hata vermediyse, Adım 2 için ayarlandınız, Node.js kurulumunuzda bir şeyler ters gitti. Bunun için burada sorun giderebilirsiniz:

** Adım 2 (Şimdilik): npm'yi v4.x.x'e düşür

Bu kılavuzu yazma zamanı itibariyle. Npm @ 5 desteği buggy. Yakın gelecekte düzeltileceğinden eminim. Ama şimdilik, yaptığınız şey bu:

npm kurulum -g npm @ 4

Adım 3: create-react-native uygulamasını yükleyin

Artık Node.js'yi çalıştırdığınız ve bir sonraki komut isteminde çalıştığınıza göre:

npm kurulum -g create-tepki-yerli uygulama

ve Enter tuşuna basın.

4. Adım: Genymotion'a kaydolun

Https://www.genymotion.com/account/create/ adresine gidin ve bir hesap oluşturun.

Şahsen,
Şirket türü için seçtim: Serbest çalışanlar ve,
kullanım türü için seçtim: Geliştirme

Adım 4: Genymotion'u İndirin

Bir kez yaptıktan sonra indirme sayfasına gitmelisiniz, eğer oraya gitmediyseniz:

VirtualBox ile seçeneği seçin (eğer Windows PC'nizde VirtualBox kurulu değilse).

Adım 5: Genymotion'a Yeni Bir Sanal Aygıt Ekleme

Bir kere indirildikten sonra Genymotion'u açın ve 3. Adımda oluşturulan kimlik bilgileriyle giriş yapın.
Şimdi yeni bir Sanal Cihaz ekleyebileceksiniz (Ctrl + N).

Listeden herhangi birini seçin ve İleri'ye tıklayın.

Tamamlandıktan sonra, sanal cihazlar altında listelenen cihazlarınızı göreceksiniz:

Adım 6: Ortam Değişkenlerini Yapılandırma ve Yol Ekleme

Neredeyse geldik! Henüz Başlat'a basmayın, Genymotion penceresini simge durumuna küçültün ve Bu PC'ye sağ tıklayın (Bilgisayarım) -> Özellikler Seç.

Sol Panelde Gelişmiş sistem ayarlarını arayın ve tıklayın.

Sistem Özellikleri penceresi görünmelidir. Sonra sağ alt kısımdaki Ortam Değişkenleri üzerine tıklayın.

Görünen Çevre Değişken penceresinde.
Sistem değişkenleri braketi altında Yol'u seçin ve Düzenle'ye tıklayın.

Sonra, düzenleme ortamı değişken penceresinde, Yeni -> C yolunu ekle: C: \ Program Files \ Genymobile \ Genymotion \ tools -> tüm pencereler kapanana kadar Tamam 'ı tıklayın.

Adım 7: Sanal Cihazı Genymotion'da Başlatmak

Ardından, önceden küçültülmüş Genymotion penceresini geri yükleyin ve Başlat'ı tıklayın.

Bunun gibi bir android emülatörü görmelisiniz:

Adım 8: "create-react-native-app" ı oluşturma

Ardından, Komut İstemi'ni tekrar açın ve projeler dizininize gidin ve şunu yazın:

Yarat-reaksiyon-yerli-app-harika-proje

Adım 9: “create-react-native-app” uygulamasını çalıştırma

Şimdi, komut istemine şunu yazın:

senin harika proje cd
npm android çalıştırmak

10. Adım: İzin verin ve Voila!

Son olarak, Sanal Aygıtınızda bu (veya benzeri) ekranı gördüğünüzde fuara izin verin.

Ve bitti!

Umarım bu rehber size yardımcı oldu. Gerçekten Mutlu Hack!