React Vite Proje Oluşturma Kodu

Aşağıdaki kodu editörümüzün terminaline yazarak komutumuzu çalıştırıyoruz.

npm create vite@latest

Ardından aşağıdaki kod karşımıza çıkıyor ve burada projemize istediğimiz ismi veriyoruz.

 ? Project name: » vite-project 

 Ardından aşağıdaki gibi seçenekler karşımıza çıkıyor.

 Vanilla
    Vue
   >React
    Preact
    Lit
    Svelte
    Solid
    Qwik
    Others

 Bunlardan herhangi birini kullanabiliriz. Biz buradan React'ı seçiyoruz. Ardından;

 TypeScript
    TypeScript + SWC
>   JavaScript
    JavaScript + SWC

 Biz buradan JavaScript'i seçiyoruz 

Done. Now run:

  cd cards    
  npm install 
  npm run dev 

Yukarda proje ismimize cards ismini verdiğimizi varsayarak cd cards yapıyoruz ve cards klasörümüzün içine giriyoruz. Sonrasında terminalde npm install komutunu çalıştırıyoruz.

npm install

 Vite'de çalıştırma komutu;

npm run dev

komutunu uygulayarak projemizi çalıştırıyoruz.

VITE v4.4.4  ready in 568 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

 Sayfamıza http://localhost:5173/ adresinden ulaşacağımızı belirtiyor. Sizde hangi adresten ulaşmanızı belirtiyorsa Ctrl tuşuna basılı tutup adresin üzerine tıklayarak projenizin tarayıcıdaki haline ulaşabilirsiniz.



E-Bültenime Abone Ol



Anahtar Kelimeler: react,vite,create
Yazan: Emre TENİK

Bu yazı: 137 kez okundu



Yorum Yap




Yorumlar: