React 2 – Yeni Bir React Projesi Oluşturmak

İlk react projemizi oluşturalım.

Bunun için Visual Studio Code da üst menüde bulunan “terminal” sekmesinden “new terminal” seçeneğine tıklıyoruz.

Bu seçeneğe tıkladığınız anda aşağıda bir terminal açılacaktır. Bu terminale gelip hangi klasörde projenizi oluşturmak istiyorsanız o dizine gidip;

npx create-react-app react-training

yazıyoruz ve enter a basıyoruz.

İlgili dizine “cd” komutuyla gidiyoruz. Örneğin ben terminali açtım ve “system32” dizini içerisindeyim. Ama ben başka bir klasör içinde projemi oluşturmak istiyorum. Bu durumda aşağıdaki gibi “cd <oluşturmak istediğiniz dizin>” yazarak ilgili klasöre gidebilirsiniz.

C:\Windows\system32>cd C:\react\training\pretraining

Bu işlem bilgisayarınızın performansı ve internet bağlantı hızınıza bağlı olarak biraz uzun sürebilir. İşlem tamamlandığında aşağıdaki gibi bir görüntü ile karşılaşacaksınız.

İşaretli kısımda da görmüş olduğunuz gibi dizinim hala pretraining dizini. Az önce ise “react-training” adında bir proje oluşturduk.

React projeleri oluşturulduktan sonra uygulamayı çalıştırmak için ilgili projenin dizinine gitmemiz gerekiyor.

cd react-training

yazarak ilgili projenin dizinine gidiyoruz.

Yukarıdaki ekran görüntüsünde de bize söylediği gibi, bize iki tane kod öneriyor.

  1. “cd react-training” yazıp ilgili klasöre gitmek, ki bunu az önce yaptık
  2. “npm start” yazıp uygulamayı başlatmak.

O zaman 2. kısmı da yapalım ve uygulamamızı başlatalım.

npm start 

Uygulama çalıştıktan sonra browser’ınızda aşağıdaki gibi bir uygulama açılacak.

Ve ilk react uygulamamızı ayağa kaldırmış olduk.

Sonrasında IDE’mizden bu projeyi açmak için “file” > “Open Folder” seçeneğini aşağıdaki gibi seçiyoruz.

Sonrasında açılan pencerede ilgili dizini bulup “Select Folder” diyoruz.

Bu işlemin sonucunda aşağıdaki gibi ilgili klasörü seçmiş olacaksınız.

 

Sadık Bahadır Memiş

 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir