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ı: 337 kez okundu