Ubuntu - React Native Kurulumu

Mobil uygulama geliştirme ile ilgili konuları burada bulabilirsiniz
Cevapla
Kullanıcı avatarı
melihcelenk
Site Admin
Mesajlar: 212
Kayıt: 05 Eki 2021, 03:23

Ubuntu - React Native Kurulumu

Mesaj gönderen melihcelenk »

BIOS ayarlarınızda Virtualization'ı aktif edin.

Java SE Development Kit'i yükleyin
https://www.oracle.com/java/technologies/downloads/

NodeJS'i yükleyin
https://nodejs.org/en/download/package-manager/

Uyumlu versiyon kurulmamışsa
npm --version
node --version
ile versiyonları kontrol edip
Cnpm install npm@latest

uyumlu versiyonu kurabilirsiniz.

Python'ı kurun
https://www.python.org/downloads/

Android Studio'yu kurun
https://developer.android.com/studio

Ortam değişkenlerini ayarlayın
echo $PATH
export PATH=$PATH:/home/KULLANICIADINIZ/Programlar/android-studio-2020.3.1.25-linux/android-studio/bin
source ~/.profile
JAVA_HOME path'i ayarlayın
https://vitux.com/how-to-setup-java_hom ... in-ubuntu/
npm install -g react-native-cli
ile React Native CLI kurulumunu yapın

Proje için bir dizin oluşturun ve terminalde içine girin. (Örn: Projeler/ReactNative)
react-native init ilkproje
ardından çalıştırmak için
react-native run-android
komutunu kullanın.

Gerekebilecek diğer komutlar:
apt install adb
apt install openjdk-11-jdk
EXPO ile proje oluşturma:
EXPO CLI yükleyin.
npm install -g expo-cli
expo init ilkproje
cd ilkproje
npm start
Not: Herhangi bir projenin EXPO projesi olup olmadığı, app.json dosyasında "expo" ifadesinin geçip geçmediğine bakılarak anlaşılabilir.

Android Studio üzerinde bir emülatör başlatın.

W ile Web, M ile mobil üzerinde görüntüleyebilirsiniz.

Kodu Visual Studio Code'da düzenleyecekseniz her defasında kaydederken parola isteyecektir. VSCode'un yönetici olarak çalıştırılması tavsiye edilmez.
sudo chown -R KULLANICIADINIZ PROJEDİZİNİNİZ
şeklinde bir komutla projenizin bulunduğu klasöre izin verebilirsiniz. Örnek:
~/Projeler/ReactNative$ sudo chown -R melihcelenk ilkproje
Bu işlemi yaptıktan sonra kaydettiğiniz an değişikliği görebilirsiniz.

Visual Studio Code için gerekli olabilecek eklentiler:
https://marketplace.visualstudio.com/it ... ptSnippets
https://marketplace.visualstudio.com/it ... ve-snippet

KAYNAKLAR:
https://hackprogramming.com/2-ways-to-p ... in-ubuntu/
https://docs.npmjs.com/try-the-latest-s ... ion-of-npm
https://ubuntu.com/blog/kvm-hyphervisor
https://vitux.com/how-to-setup-java_hom ... in-ubuntu/
https://reactnative.dev/docs/environment-setup
Cevapla