TypeScript, daha güvenli, büyük ölçekli uygulamalar oluşturmak için geliştirilmiş bir JavaScript üst kümesidir. Dile isteğe bağlı statik yazım ekleyerek derlemeden önce hataların algılanmasını kolaylaştırır.

Dil ayrıca JavaScript’te bulunmayan bazı özellikler de sunar. Bunlar jenerikleri, sınıfları, arayüzleri, numaralandırmaları ve dekoratörleri içerir.

Yalnızca birkaç adımda sıfırdan ilk TypeScript projenizi nasıl kuracağınızı öğrenin.

1. Adım: TypeScript’i Yükleme

TypeScript’i sisteminizde kullanmadan önce , TypeScript derleyicisini global olarak kurmalısınız.

TypeScript’i global olarak yüklemek için aşağıdaki komutu çalıştırın:

npm install -g typescript

2. Adım: Projenizi Kurma

TypeScript projenizi kurmak için, istediğiniz herhangi bir IDE’de boş bir proje dizini oluşturarak başlayın .

Ardından, .ts dosya uzantılı dosyalarınızı oluşturun. TypeScript hiçbir ortamda çalışamaz. Bu nedenle, çalışabilmesi için JavaScript’te derlenmesi gerekir.

TypeScript dosyalarınızı JavaScript’te derlemek için terminalinizde proje dizininize gidin. Sonra tsc’yi ve ardından TypeScript dosyanızın adını çalıştırın.

Örneğin:

tsc index.ts

Bu komut, index.ts dosyanızın bulunduğu dizinde bir index.js dosyası oluşturur.

Bu davranış, projenizin aynı dizinde birden çok .js ve .ts dosyasıyla yönetilmesini zorlaştıracağı için istenmeyen bir davranış olabilir .

Bu varsayılan davranışı değiştirirsiniz ve tsconfig.json dosyasını kullanarak TypeScript derleyicinizin davranışını değiştirirsiniz.

Projenizde bir tsconfig.json dosyası oluşturmak için terminalinizde aşağıdaki komutu çalıştırın :

tsc –init

Bu, TypeScript derleyiciniz için tüm yapılandırma ayarlarını içeren bir dosya oluşturur.

Burada yalnızca projenizi başlatmak için gereken temel bilgileri ele alacaksınız, ancak bu konuda TypeScript tsconfig belgelerinde daha fazla bilgi edinebilirsiniz .

3. Adım: Daha İyi Bir İş Akışı için TypeScript Derleyicisini Kurma

tsconfig.json dosyası , yedi bölüme ayrılmış TypeScript derleyicisi için yapılandırma seçeneklerini içerir:

Projeler

Dil ve Çevre

Modüller

JavaScript Desteği

yaymak

Birlikte Çalışma Kısıtlamaları

Tip kontrolü

bütünlük

Özelliklerin çoğu varsayılan olarak devre dışıdır (yorumlanmıştır). Yorumları kaldırarak etkinleştirebilir ve değiştirebilirsiniz.

Oluşturulan JavaScript dosyalarınızın konumunu değiştirmek için izlemeniz gereken adımlar şunlardır:

tsconfig.json dosyasını açın ve emit bölümünü bulun.

Yayma bölümünde, outDir özelliğinin açıklamasını kaldırın ve derlenmiş .ts dosyalarını depolamak istediğiniz dizini belirtin . Artık tsc’yi her çalıştırdığınızda , .js dosyalarınız belirtilen klasörde olacaktır.

Derlemek istediğiniz dosyanın adının ardından tsc’yi çalıştırmak , özellikle birden çok dosyayı derlemeniz gerektiğinde iş akışınız için ideal değildir.

Bu sorunu çözmek için TypeScript derleyicisi, bir dizindeki tüm dosyaları tek bir komutta derlemesine izin veren bir özellik sağlar.

Bunu ayarlamak için şu adımları izleyin:

tsconfig.json dosyasını açın ve modüller bölümünü bulun.

Modüller bölümünde, rootDir özelliğinin veya rootDirs’in açıklamasını kaldırın ( derleyicinin birden çok .ts dizinini .js’de derlemesini istiyorsanız ) ve dosya dizin(ler)ini belirtin.

Bu ayarlar, iş akışınızı daha iyi hale getirecek ve dosyalarınızın bakımını kolaylaştıracaktır.

TypeScript’in Avantajları

TypeScript’in JavaScript’e göre en büyük avantajı, tip güvenliğidir. TypeScript, bulunması zor hataları hızlı bir şekilde algılamayı mümkün kılar. Bu özellik, onu güvenli ve büyük ölçekli uygulamalar oluşturmak için ideal hale getirir.