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 yazma ekleyerek derlemeden önce hataları algılamayı kolaylaştırır.
Dil ayrıca JavaScript'te olmayan bazı özellikleri de sunar. Bunlara jenerikler, sınıflar, arayüzler, numaralandırmalar ve dekoratörler dahildir.
Sadece birkaç adımda ilk TypeScript projenizi sıfırdan nasıl kuracağınızı öğrenin.
Adım 1: TypeScript'i Yükleme
Kullanmadan önce TypeScript sisteminizde, 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 Yüklemek -g daktilo yazısı
Adım 2: Projenizi Kurma
TypeScript projenizi kurmak için, içinde boş bir proje dizini oluşturarak başlayın. seçtiğiniz herhangi bir IDE.
Ardından, dosyalarınızı ile oluşturun. .ts Dosya uzantısı. TypeScript hiçbir ortamda çalıştırılamaz. Bu nedenle, çalıştırılmadan önce JavaScript'te derlenmesi gerekir.
TypeScript dosyalarınızı JavaScript'te derlemek için terminalinizdeki proje dizininize gidin. O zaman koş
tsc ardından TypeScript dosyanızın adı gelir.Örneğin:
tscdizin.ts
Bu komut bir index.js aynı dizindeki dosya index.ts dosya bulunur.
Bu davranış, projenizi birden çok kullanıcıyla yönetmeyi zorlaştıracağından istenmeyen bir durum olabilir. .js ve .ts dosyalar aynı dizinde.
Bu varsayılan davranışı değiştirir ve TypeScript derleyicinizin davranışını aşağıdaki komutu kullanarak değiştirirsiniz: tsconfig.json dosya.
oluşturmak için terminalinizde aşağıdaki komutu çalıştırın. tsconfig.json projenizdeki dosya:
tsc --içinde
Bu, TypeScript derleyiciniz için tüm yapılandırma ayarlarını içeren bir dosya oluşturur.
Burada yalnızca projenize başlamak için gereken temel bilgileri ele alacaksınız, ancak bu konuda daha fazla bilgi edinebilirsiniz. TypeScript tsconfig belgeleri.
3. Adım: Daha İyi Bir İş Akışı için TypeScript Derleyicisini Ayarlama
bu 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ü
- eksiksizlik
Özelliklerin çoğu varsayılan olarak devre dışıdır (yorumlanır). Yorumları kaldırarak bunları etkinleştirebilir ve değiştirebilirsiniz.
Oluşturduğunuz JavaScript dosyalarının konumunu değiştirmek için izlemeniz gereken adımlar şunlardır:
- Açık tsconfig.json ve yerini bul yaymak bölüm.
- İçinde yaymak bölümünde, yorumdan vazgeç çıkışDir özelliği ve derlenmiş dosyayı depolamak istediğiniz dizini belirtin .ts Dosyalar. Şimdi ne zaman koşsan tsc, senin .js dosyalar belirtilen klasörde olacaktır.
Koşma tsc ardından derlemek istediğiniz dosyanın adının gelmesi, özellikle birden çok dosyayı derlemeniz gerektiğinde, iş akışınız için uygun 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:
- Açık tsconfig.json ve yerini bul modüller bölüm.
- İçinde modüller bölümünde, yorumdan vazgeç kökDir mülk veya rootDirs (derleyicinin birden çok derlemesini istiyorsanız .ts dizinler .js) ve dosya dizin(ler)ini belirtin.
Bu ayarlar iş akışınızı iyileştirecek 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ı, tür güvenliğidir. TypeScript, bulunması zor hataları hızlı bir şekilde tespit etmeyi mümkün kılar. Bu özellik, onu güvenli ve büyük ölçekli uygulamalar oluşturmak için ideal hale getirir.