- Konu sahibi
- #1
Bir TypeScript dosyasını JavaScript’e çevirmek için TypeScript derleyicisini kurup terminalde
Ön koşul, bilgisayarınızda Node.js ve onun paket yöneticisi npm’in kurulu olmasıdır. Terminalde
Bu örnek için boş bir klasör açın ve terminalde o klasöre geçin. TypeScript’i klasöre proje bağımlılığı olarak kurun:
Kurulum tamamlandığında aynı klasörde
Burada
Terminalde hâlâ dosyanın bulunduğu klasördeyken şu komutu çalıştırın:
İşlem başarılıysa klasörde
Örneğin sonucunu görmek için şu komutu çalıştırın:
Terminalde
Derleyici hata bildirirse terminaldeki dosya adını, satır numarasını ve mesajı inceleyin; kaynak dosyayı düzeltip kaydettikten sonra derleme komutunu yeniden çalıştırın. Örneğin
Hata görülse bile JavaScript dosyası üretilebilir. Hata olduğunda yeni çıktı üretilmesini engellemek için şu komutu kullanın:
Bu seçenek önceki derlemeden kalmış JavaScript dosyasını silmez. Bu nedenle hatayı düzelttikten sonra yeniden derleyin; eski dosyanın varlığını son derlemenin başarılı olduğuna kanıt saymayın.
Dosya bulunamıyorsa terminalin bulunduğu klasörü ve dosya adını kontrol edin.
Projenizde
Tek dosyayı komut satırında belirtmek, proje yapılandırmasıyla derlemekle aynı işlem değildir; mevcut projenin ayarları gerekiyorsa dosya adı yerine proje komutunu kullanın. Çıktı beklediğiniz yerde değilse
npx tsc dosya.ts komutunu çalıştırabilirsiniz. Aşağıdaki örnekte derleyici, merhaba.ts dosyasının yanında merhaba.js oluşturur; ardından JavaScript dosyasını Node.js ile çalıştırarak sonucu görebilirsiniz.Derleyiciyi kurun ve dosyayı oluşturun
Ön koşul, bilgisayarınızda Node.js ve onun paket yöneticisi npm’in kurulu olmasıdır. Terminalde
node --version ve npm --version komutları sürüm gösteriyorsa devam edebilirsiniz. Komutlar bulunamıyorsa Node.js’i kurup terminali yeniden açın.Bu örnek için boş bir klasör açın ve terminalde o klasöre geçin. TypeScript’i klasöre proje bağımlılığı olarak kurun:
Bash:
npm install --save-dev typescript
Kurulum tamamlandığında aynı klasörde
merhaba.ts adlı dosyayı oluşturun, aşağıdaki kodu yazın ve kaydedin:
Kod:
function selamla(isim: string): string {
return "Merhaba, " + isim + "!";
}
console.log(selamla("Dünya"));
Burada
string, fonksiyonun metin alıp metin döndürmesi gerektiğini belirten bir tür açıklamasıdır. Derleyici bu açıklamaları kontrol eder; üretilen JavaScript’e tür açıklamalarını taşımaz.Derleyin ve çıktıyı çalıştırın
Terminalde hâlâ dosyanın bulunduğu klasördeyken şu komutu çalıştırın:
Bash:
npx tsc merhaba.ts
İşlem başarılıysa klasörde
merhaba.js oluşur. Dosyayı açtığınızda fonksiyon ve çağrısı bulunur, ancak : string açıklamaları bulunmaz. Üretilen JavaScript’in tam biçimi derleyici sürümüne ve ayarlarına göre değişebilir.Örneğin sonucunu görmek için şu komutu çalıştırın:
Bash:
node merhaba.js
Terminalde
Merhaba, Dünya! yazması beklenir. Derleme dosyayı üretir; programı kendiliğinden çalıştırmaz. Ayrıca JavaScript dosyasının oluşması, programın her durumda hatasız çalışacağını kanıtlamaz.Hata veya eksik çıktı durumunda
Derleyici hata bildirirse terminaldeki dosya adını, satır numarasını ve mesajı inceleyin; kaynak dosyayı düzeltip kaydettikten sonra derleme komutunu yeniden çalıştırın. Örneğin
selamla(42) çağrısı, fonksiyon metin beklediği için tür hatası verir.Hata görülse bile JavaScript dosyası üretilebilir. Hata olduğunda yeni çıktı üretilmesini engellemek için şu komutu kullanın:
Bash:
npx tsc merhaba.ts --noEmitOnError
Bu seçenek önceki derlemeden kalmış JavaScript dosyasını silmez. Bu nedenle hatayı düzelttikten sonra yeniden derleyin; eski dosyanın varlığını son derlemenin başarılı olduğuna kanıt saymayın.
Dosya bulunamıyorsa terminalin bulunduğu klasörü ve dosya adını kontrol edin.
npx tsc --version sürüm göstermiyorsa kurulumun doğru klasörde tamamlandığını kontrol edin ve gerekirse kurulum komutunu yeniden çalıştırın.Mevcut projenin ayarlarıyla derleme
Projenizde
tsconfig.json varsa bu dosya, derlenecek dosyaları ve çıktı seçeneklerini belirleyebilir. Proje kökünde dosya adı vermeden aşağıdaki komutu çalıştırarak bu ayarları kullanın:
Bash:
npx tsc
Tek dosyayı komut satırında belirtmek, proje yapılandırmasıyla derlemekle aynı işlem değildir; mevcut projenin ayarları gerekiyorsa dosya adı yerine proje komutunu kullanın. Çıktı beklediğiniz yerde değilse
tsconfig.json içindeki outDir ayarına bakın. noEmit etkinse derleyici JavaScript dosyası üretmez; proje başka bir araçla çıktı üretiyor olabilir, bu yüzden ayarı değiştirmeden önce projenin derleme düzenini kontrol edin.