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@latestArdı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
OthersBunlardan herhangi birini kullanabiliriz. Biz buradan React'ı seçiyoruz. Ardından;
TypeScript
TypeScript + SWC
> JavaScript
JavaScript + SWCBiz 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 installVite'de çalıştırma komutu;
npm run devkomutunu 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
