npm create svelte ile Proje Oluşturma
Resmî CLI'ı kullanarak yeni bir SvelteKit projesi için iskelet oluşturun ve doğru seçenekleri belirleyin.
npm create svelte ile Proje Oluşturma, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
İskelet Oluşturma Aracı
SvelteKit projesi başlatmanın resmî yolu npm create svelte@latest komutudur. Bu komut, çalıştırılmaya hazır bir uygulama oluşturur.
npm create svelte@latest my-appSihirbazın Sorduğu Sorular
Bir şablon (iskelet, demo uygulaması), TypeScript desteği ve araçlar (ESLint, Prettier, Playwright, Vitest) için seçim yapmanız istenir.
Şablon Seçenekleri
Skeleton projesi, en temel yerleşimi sağlar. Demo uygulaması ise inceleyebilmeniz için küçük bir Sverdle oyunu örneği içerir.
TypeScript Seçeneği
Tür güvenliği istiyorsanız TypeScript için Evet'i seçin. Sihirbaz, TS yapılandırmasını hazırlar ve betik bloklarında lang="ts" kullanır.
Bağımlılıkları Yükleme
Sihirbaz tamamlandıktan sonra dizini değiştirin ve paketleri yükleyin.
cd my-app
npm installGeliştirme Sunucusunu Başlatma
Bir sıcak yeniden yükleme sunucusunu http://localhost:5173 adresinde başlatmak için dev betiğini kullanın.
npm run devTarayıcıda Açma
Terminalde yazdırılan URL'yi ziyaret edin. Bir karşılama sayfası görmeniz gerekir. src/routes/+page.svelte dosyasını düzenleyin ve güncellemeyi canlı olarak izleyin.
Üretim Derlemesi
build betiği derleyiciyi çalıştırır ve sunulmaya hazır bir çıktı dizini oluşturur.
npm run build
npm run previewPaket Yöneticisi Seçme
npm, pnpm veya yarn kullanabilirsiniz. pnpm, disk alanını verimli kullanması ve katı çözümleme davranışı nedeniyle yaygındır.
Düzenleyici Kurulumu
.svelte dosyalarında söz dizimi vurgulama, IntelliSense ve tanılamalar için Svelte for VS Code uzantısını yükleyin.
Git Başlatma İsteğe Bağlıdır
Sihirbaz bir git deposu başlatmayı önerir. Evet demeniz, kullanışlı bir .gitignore dosyası ekler.
Hızlı Kontrol
Yeni bir SvelteKit projesi hangi komutla oluşturulur?
Özet
Artık bir projenin iskeletini oluşturabilir, TypeScript ve araçları seçebilir, bağımlılıkları yükleyebilir ve dev ya da build betiklerini çalıştırabilirsiniz.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“npm create svelte ile Proje Oluşturma” dersi ücretsiz mi?
Evet — “npm create svelte ile Proje Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“npm create svelte ile Proje Oluşturma” dersinde ne öğreneceğim?
Resmî CLI'ı kullanarak yeni bir SvelteKit projesi için iskelet oluşturun ve doğru seçenekleri belirleyin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“npm create svelte ile Proje Oluşturma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Svelte Nedir ve Neden Derleme Yapar
- npm create svelte ile Proje Oluşturma
- Proje Yapısı: src routes static
- Geliştirme Sunucusu ve Sıcak Modül Değiştirme