Svelte ile Hızlı Başlangıç: Geliştirme Sunucusu Kurulumu ve Çalıştırma
Merhaba! Bu makalede, Svelte ile hızlı bir şekilde nasıl başlayacağınızı ve geliştirme sunucunuzu nasıl kuracağınızı ve çalıştıracağınızı adım adım açıklayacağım. Svelte, modern bir JavaScript framework’üdür ve performanslı ve okunabilir kod yazmayı sağlar. Öncelikle, sisteminize Node.js ve npm (veya yarn) kurulu olduğundan emin olun. Bu araçlar olmadan Svelte projeleri oluşturamaz ve çalıştıramazsınız. Kurulum işlemleri için Node.js resmi web sitesini ziyaret edebilirsiniz.
Proje Oluşturma
İlk adım olarak, yeni bir Svelte projesi oluşturalım. Bunun için komut satırını (terminal veya cmd) kullanacağız. Projenizin kaydedileceği bir dizin oluşturduktan sonra, aşağıdaki komutu çalıştırın:
npm create svelte@latest my-svelte-project
Bu komut, “my-svelte-project” adlı bir Svelte projesi oluşturacaktır. İstediğiniz herhangi bir proje adını kullanabilirsiniz. Komut tamamlandıktan sonra, yeni oluşturulan dizine gidin:
cd my-svelte-project
Geliştirme Sunucusunu Çalıştırma
Şimdi, geliştirme sunucusu başlatabiliriz. Bu, kod değişikliklerinizi gerçek zamanlı olarak görebilmenizi sağlayacaktır. Proje dizininizin içinde aşağıdaki komutu çalıştırın:
npm install
npm run dev
İlk komut, projenin bağımlılıklarını yükler. İkinci komut ise geliştirme sunucusunu başlatır. Sunucu çalışmaya başladıktan sonra, tarayıcınızda http://localhost:5000 adresini ziyaret ederek uygulamanızı görebilirsiniz. Uygulamanızda değişiklik yaptığınızda, tarayıcı otomatik olarak yenilenecektir.
Temel Svelte Bileşeni
Svelte’in temel yapı taşları bileşenlerdir. src/App.svelte dosyası içinde basit bir bileşen bulabilirsiniz. Bu dosyayı düzenleyerek Svelte’in nasıl çalıştığını deneyebilirsiniz. Örneğin,
etiketleri arasına “Merhaba Svelte!” yazabilirsiniz.
Kod Düzenleme ve Hata Ayıklama
Kodunuzu düzenlemek için tercih ettiğiniz bir kod editörü kullanabilirsiniz. Visual Studio Code, Sublime Text veya Atom gibi popüler editörler Svelte geliştirme için uygundur. Kodunuzu test ederken hata ayıklama araçları kullanmanız işinizi kolaylaştıracaktır. Gelişmiş projeler için daha detaylı hata ayıklama tekniklerini incelemeniz faydalı olacaktır.
Sonuç
Bu makalede, Svelte ile hızlı bir şekilde nasıl başlayacağınızı ve geliştirme sunucunuzu nasıl kuracağınızı ve çalıştıracağınızı öğrendiniz. Svelte’in performanslı ve okunabilir kod yazımına olanak sağladığını umarım anlamışsınızdır. Daha fazla bilgi için Svelte resmi dokümantasyonuna bakabilirsiniz. Ayrıca, web geliştirme ile ilgili daha fazla içeriğe kendi web sitemden ulaşabilirsiniz.
Umarım bu kılavuz faydalı olmuştur. Herhangi bir sorunuz varsa, yorum yapmaktan çekinmeyin!
#Etiketler: Svelte, SvelteJS, JavaScript, Web Geliştirme, Geliştirme Sunucusu, Kurulum, Öğretici, Tutorial, Başlangıç Kılavuzu, npm, Node.js, bileşen, hata ayıklama