Svelte Projesi Oluşturmak

Bu yazıda Svelte ile front-end projesi oluşturmak için gerekli adımları öğrenip ilk projemizi oluşturacağız.

Gerekli paketler

Svelte projesi oluşturmadan önce ihtiyacımız olan iki paket var bunlardan biri npm, diğeri Node.js. https://nodejs.org adresine gittiğinizde karşınıza çıkacak iki linkten birini seçip indirin ve kurun. (Recommended versiyonunu tavsiye ederim). Bu sayede iki paket de yüklenmiş olacak.

Ardından terminal veya cmd üzerinden aşağıdaki komutları terminal ekranına yazın ve paketlerin yüklenip yüklenmediğini kontrol edelim.

node -v
(Ekrana versiyonu yazar => v16.18.1)

npm -v
(Ekrana versiyonu yazar => 8.19.2)

Vite.js

Şimdiki işlem bir svelte projesi oluşturmak olacak. Bunun için Vite.js kullanacağız. Vite.js, hızlı bir şekilde front-end projeleri oluşturmak için kullanılan bir araç ve bize hazır bir başlangıç projesi sunacak ve devamında bu projede geliştirmeler yapacağız.

Getting Started butonuna bastığımızda aşağıdaki komutlar ile artık Vite.js üzerinden projemizi oluşturuyor olacağız.

npm create vite@latest
//npm ile

yarn create vite
//yarn ile

pnpm create vite
//pnpm ile

Vite.js ile proje olusturmak

Vite’ın bize sunduğu seçenekler ile React, Vue, Angular, Preact, Lit, Vanilla ve Svelte projeleri oluşturabiliriz.

Devamın sırasıyla aşağıdaki komutlar ile projemizi başlatabiliriz.

cd svelte-project (projenizin ismi)
npm install
npm run dev

Tebrikler! Projemiz sorunsuz çalışıyor. Bol kodlu günler!

Bu ve benzeri diğer yazılara, içeriklere veya bana ulaşmak için;