VSCode ile JavaScript Kurulumu: Adım Adım Rehber

eminbasbayan

3 dk okuma

VSCode ile JavaScript Kurulumu: Adım Adım Rehber

🔍 Büyütmek için tıklayın

İçindekiler

Bu yazıda neler var?

Yazılım geliştirmeye yeni başladıysanız ve JavaScript ile çalışmak istiyorsanız, Visual Studio Code (VSCode) mükemmel bir tercihtir. Bu, Microsoft tarafından geliştirilen açık kaynaklı, hafif ve güçlü bir kod editörüdür. Bu rehberde, JavaScript’i ve VSCode’u adım adım nasıl kuracağınızı anlatacağız.

Adım 1: VSCode’un Kurulması

Öncelikle VSCode’u kurmalısınız.

VSCode’un resmi web sitesine gidin: code.visualstudio.com
Sisteminize uygun olan sürümü indirin.
İndirilen dosyayı çalıştırın ve kurulum talimatlarını takip edin.

Adım 2: JavaScript Eklentilerinin Kurulması

VSCode içinde JavaScript kodu yazabilmeniz için bazı eklentiler kurmanız önerilir.

VSCode’u açın.
Sol taraftaki menüde bulunan “Extensions” sekmesine tıklayın (ya da Ctrl+Shift+X kısayolunu kullanın).
Arama çubuğuna “JavaScript” yazın ve önerilen eklentileri bulun. Özellikle “ESLint”, “Prettier - Code formatter” ve “JavaScript (ES6) code snippets” eklentileri işinize yarayacaktır.
“Install” butonuna tıklayarak bu eklentileri kurun.

Adım 3: İlk JavaScript Programınızı Yazın ve Tarayıcıda Çalıştırın

JavaScript kodunuzu tarayıcıda çalıştırmak için bir HTML dosyası oluşturabilirsiniz.

VSCode’da yeni bir HTML dosyası oluşturun ve aşağıdaki kodu ekleyin:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScript ile Merhaba Dünya</title> </head> <body> <h1>Merhaba, dünya!</h1> <script> console.log("Merhaba, dünya!"); alert("Merhaba, dünya!"); </script> </body> </html>
Dosyayı index.html olarak kaydedin.
Kaydettiğiniz dosyayı tarayıcınızda açın.
Tarayıcı konsolunda console.log çıktısını ve sayfada bir uyarı mesajı görmelisiniz.

Adım 4: Node.js’in Kurulması

Şimdi de Node.js’i bilgisayarınıza kurmalısınız. Node.js, JavaScript çalıştırmak için gereken bir ortamdır ve aynı zamanda npm (Node Package Manager) ile birlikte gelir.

Node.js’in resmi web sitesine gidin: nodejs.org
“Downloads” sekmesine tıklayın.
Sisteminize uygun olan Node.js sürümünü indirin. (Yeni başlıyorsanız, LTS (Long Term Support) sürümünü öneririz.)
İndirilen dosyayı çalıştırın ve kurulum talimatlarını takip edin.

Adım 5: Node.js Yorumlayıcısının Seçilmesi

VSCode içinde JavaScript kodu çalıştırabilmek için Node.js yorumlayıcısını kullanabilirsiniz.

VSCode’u açın ve yeni bir JavaScript dosyası oluşturun.
Terminali açmak için `Ctrl+ tuşlarına basın.
Terminalde node -v komutunu çalıştırarak Node.js’in düzgün kurulup kurulmadığını kontrol edin. Bu komut, yüklü olan Node.js sürümünü gösterecektir.

Adım 6: İlk JavaScript Programınızı Yazın ve Node.js ile Çalıştırın

Artık Node.js’i kullanarak ilk JavaScript programınızı çalıştırabilirsiniz.

VSCode’da yeni bir JavaScript dosyası oluşturun ve aşağıdaki kodu yazın:

console.log("Merhaba, dünya!");
Dosyayı app.js olarak kaydedin.
Terminalde dosyanızın bulunduğu dizine gidin ve node app.js komutunu çalıştırarak kodu çalıştırın.
Terminal bölmesinde programın çıktısını görmelisiniz.

Tebrikler! Artık VSCode kullanarak JavaScript programları yazabilir ve çalıştırabilirsiniz. Bu ortam, kod yazmanızı kolaylaştıracak birçok araç ve özellik sunar. İlerledikçe, daha fazla eklenti kurarak ve ayarları özelleştirerek geliştirme ortamınızı daha da geliştirebilirsiniz. İyi kodlamalar!