TypeScript Kurulum ve Geliştirme Ortamı Rehberi

Programlamaya başlamak, yalnızca kod yazmakla değil, aynı zamanda doğru araçları kullanmakla da ilgilidir. Özellikle modern dillerden biri olan TypeScript ile çalışmak istiyorsan, öncelikle bilgisayarında bir geliştirme ortamı hazırlaman gerekir.

Bu yazıda, sıfırdan başlayarak TypeScript’i kullanmak için gereken adımları adım adım öğreneceksin. Hadi başlayalım!

1. Geliştirme Ortamı Nedir?

Bir marangozun alet çantası varsa, bir yazılımcının da geliştirme ortamı vardır. Bu ortam, kod yazmak, çalıştırmak ve test etmek için gerekli olan araçlardan oluşur.

TypeScript ile çalışmak için ihtiyacımız olan temel araçlar şunlardır:

• Node.js (arka planda çalışmayı sağlar)
• npm (paket yöneticisi)
• TypeScript derleyicisi (tsc)
• VS Code (kodu yazacağımız gelişmiş bir metin editörü)

2. Node.js ve npm Kurulumu

Node.js, JavaScript ve TypeScript kodlarını bilgisayarımızda çalıştırabilmemizi sağlar. Kurulum sırasında otomatik olarak npm (Node Package Manager) da yüklenir. npm, dışarıdan paketleri (kütüphaneleri) projemize dahil etmemize yarar.

Kurulum Adımları:

1. https://nodejs.org adresine gir.
2. "LTS" sürümünü indir.
3. Kurulumu tamamla.

Kontrol etmek için:

Terminal ya da Komut İstemi’ne şu komutları yaz:

node -v
npm -v

Her iki komut da sürüm numarası gösteriyorsa her şey doğru kurulmuş demektir.

3. TypeScript Derleyicisi (tsc) Kurulumu

Tarayıcılar .ts uzantılı TypeScript dosyalarını çalıştıramaz. Bu nedenle TypeScript kodlarını önce JavaScript’e dönüştürmemiz gerekir. Bu işi yapan araç ise TypeScript derleyicisidir.

Kurulum komutu:

npm install -g typescript

Bu komut sayesinde TypeScript derleyicisini global olarak yüklersin ve her klasörde kullanabilirsin.

Kontrol:

tsc -v

4. VS Code ile Çalışmak

Kod yazmak için sade bir metin editörü kullanmak yeterli değildir. Bunun yerine yazılımcılar için özel hazırlanmış bir editör kullanılır. Visual Studio Code (VS Code) bu iş için en popüler ve en kullanışlı araçlardan biridir.

VS Code sana şu imkanları sağlar:

• Yazım hatalarını otomatik gösterir
• Kod tamamlama (IntelliSense)
• Dahili terminal desteği
• Eklentilerle özelleştirilebilir yapı

İndirmek için:

https://code.visualstudio.com

5. İlk TypeScript Dosyasını Oluşturmak

Hazırlıklar tamamlandıktan sonra artık ilk TypeScript dosyamızı oluşturabiliriz.

Adımlar:

1. Masaüstünde typescript-proje isminde bir klasör oluştur.
2. VS Code’da bu klasörü aç (veya terminalden code . komutu ile).
3. Yeni bir dosya oluştur: index.ts

Şimdi bu dosyaya basit bir kod yazalım:

console.log("Merhaba TypeScript!");

6. TypeScript Kodunu JavaScript’e Dönüştürmek (Derlemek)

Yukarıdaki kodu tarayıcı çalıştıramaz. Önce onu .js dosyasına dönüştürmemiz gerekir. Bu işleme transpilasyon (derleme) denir.

Terminale şunu yaz:

tsc index.ts

Aynı klasörde index.js adında yeni bir dosya oluşacaktır. Bu, TypeScript kodunun JavaScript’e çevrilmiş halidir.

JavaScript dosyasını çalıştırmak için:

node index.js

Ekranda şu yazıyı göreceksin:

Merhaba TypeScript!

Tebrikler! Artık ilk TypeScript programını yazıp çalıştırdın.

Sonuç

TypeScript ile program yazmaya başlamadan önce doğru araçları kurman ve ortamını hazırlaman gerekir. Bu yazıda:

• Node.js ve npm kurulumunu,
• TypeScript derleyicisinin nasıl yüklendiğini,
• VS Code’un neden kullanıldığını,
• İlk TypeScript dosyasının nasıl yazıldığını ve çalıştırıldığını öğrendin.

Artık kodlamaya hazırsın. Sıradaki adım, TypeScript’in özelliklerini keşfetmeye başlamak. Bir sonraki bölümde TypeScript derleyicisinin ayarlarını ve tsconfig.json dosyasını inceleyeceğiz.

Unutma: Her iyi yazılımcı önce çalışma ortamını iyi tanır. Düzenli bir başlangıç, sağlam bir öğrenmenin temelidir.