Typescript Dersleri - Kurulum ve Geliştirme Ortamı

Typescript kurulumuna geçmeden birkaç konuya değinmek istiyorum. Programlama konusunda ilerlemek istiyorsak Google kullanmayı çok iyi bilmemiz gerekiyor arkadaşlar. Burada her işletim sistemine göre kurulum yapmaya çalışmayacağım. Benim kullandığım işletim sistemi Manjaro isimli bir Linux dağıtımı ve kurulumlar buna göre gösterilecek. Gerçi Typescript, Angular gibi teknolojiler için npm (node package manager) yeterli ama demek istediğimi anlayın.

İlk olarak bilgisayarımıza Node.js kurmamız gerekiyor. Kurulum dosyalarını https://nodejs.org adresi üzerinden indirebilirsiniz. Eğer bir Linux dağıtımı kullanıyorsanız dağıtımın paket yöneticisinden de kurulum gerçekleştirebilirsiniz. Node.js ile birlikte sisteminize npm de kurulacak (bazı dağıtımlar da ayrı ayrı yüklemek gerekebiliyor). Kurulum işlemleri tamamlandıktan sonra terminalinize aşağıdaki komutu yazarak Typescript'i kurabilirsiniz.

npm install -g typescript

-mesela hemen arama motorunu "-g"nin işlevini öğrenmek için kullanabiliriz.-

İkinci mesele kod editörü. Ben Visual Studio Code kullanıyorum ve işimi çok iyi görüyor. Ya da şu anki bilgimle gördüğünü düşünüyorum. Atom ya da Sublime Text de güzel birer alternatif olabilir. Editörümüzü açtıktan sonra hemen test.ts diye bir dosya oluşturup ilk ilk kodumuzu yazalım. Test için ekrana Hello World yazdıran basit bir satır yazacağız.

console.log('Hello, World!')

Bu satır zaten Javascript'te de aynı şekilde yazılıyor o yüzden derlemenin ardından çok farklı bir kod parçası olmayacak elimizde ama sadece işleyişi görmek istiyorum. test.ts dosyasına yukarıdaki satırı ekledikten sonra değişikliği kaydedip aşağidaki komut ile derleme işlemini gerçekleştirelim.

tsc test.ts

tsc = Typescript Compiler

Bu komutun ardından derleyici bizim için test.js isimli bir Javascript dosyası oluşturacak ve bu dosya artık tarayıcıların desteklediği projelerimize ekleyebileceğimiz kod parçlarından oluşuyor. Normalde Javascript geliştirirken genelde hatayı kodu çalıştırdığımızda tarayıcımızın geliştiri araçlarının console kısmında görürüz. Derleme işleminin güzel yanlarından biri de hatayı o aşamada görebiliyor olmamız. Javascript dosyası oluşturulmuyor ve hatayı düzeltip tekrar derlememiz gerekiyor. İlerleyen aşamalarda birlikte göreceğiz bu konunun avanları. Şimdilik node komutu ile Javascript kodumuzu çalıştırıp yazıyı bitiriyorum.

node test.js