2. TypeScript – Ortam Kurulumları

2. TypeScript - Ortam Kurulumları

0 301

Makalemizin  bu bölümünde TypeScript kurulumunu nasıl yapmamız gerektiği, online bir editör üzerinden nasıl test edebileceğimizi paylaşıyor olacağım.

TypeScript – Online Editor

Yazmak istediğimiz TypeScript kodlarını test etmek istiyorsak eğer online editör kullanarak bu işlemi hızlı bir şekilde gerçekleştirsiniz. Linke tıklayarak online editöre ulaşabilirsiniz.

İleride bu TypeScript içerisinde değişken tanımlama, tipler konusuna değineceğiz. Fakat aşağıda kodu editor üzerine yapıştırıp ilk testinizi gerçekleştirebilirsiniz.

var num:number=10
console.log(num)

 

Kodu yazdıktan sonra sağ tarafta JavaScript çıktısı oluşacaktır.

var num = 10; 
console.log(num);

Run dediğinizde ise tarayıcınızın console ekranına 10 yazdığını göreceksiniz.

10

Local Ortama Kurulum

TypeScript open source bir teknolojidir. Dolayısıyla herhangi bir tarayıcı, bilgisayar veya sunucuda çalışabilir. Bir Typescript programını yazmak ve test etmek için aşağıdaki araçlara ihtiyacınız olacaktır:

Text Editor (Metin Editörü)

Text editor, kaynak koduzu yazmanıza yardımcı olur. Editör örneği olarak: Windows Not Defteri, Notepad ++, Emacs, visual studio, web storm vs.

Kaynak dosyaların adı genellikle .ts uzantılıdır.

TypeScript Compiler

Bir önceki yazımızda bahsettiğimiz gibi TypeScript compiler typescript olarak yazmış olduğunuz kodu javascripte dönüştürme işlemini yapmaktadır. İsterseniz linke tıklayarak TypeScript – Genel Bakış konulu makalemi okuyabilirsiniz.

TSC kendisine iletilen .ts dosyasının bir JavaScript sürümünü üretir. Bu işleme transpilation denir.

NodeJS Kurulumu

Node.js open source,  Google V8 engine kullanmakta ve bu sayede server side tarafta javascript yazarak uygulama geliştirmemizi  sağlamaktadır.  Node.js ile ilgili daha detaylı bir makale yazıyor olacağım. Node.js indirmek için aşağıdaki linkten ulaşabilirsiniz.

https://nodejs.org/en/download/

Windows’a Kurulum

Windows ortamında Node.js’yi yüklemek için aşağıdaki adımları izlemeniz yeterli olacaktır.

  1.  Yukarıdaki adrese gidip .msi uzantılı dosyayı indirin.
  2. Yükleme tamamlandıktan sonra terminal üzerinde  node –v in yazıp test edelim.
  3. TypeScript yüklemek için aşağıdaki komutu yazmanız gerekmektedir.
    npm install -g typescript

Affınıza sığınarak diğer platformlarda da kurulum işlemi çok yakın olduğu için ayrı ayrı yazmıyorum. 🙂

IDE Desteği

TypeScript çok geliştirme ortamı ile birlikte kullanabilir. Bu IDE’lere bir kaç örnek vermek gerekirse:  Visual Studio, Sublime Text 2, WebStorm/PHPStorm, Eclipse, Brackets, Visual Studio Code ve Brackets olabilir.

Bunları da beğenebilirsin Yazarın diğer kitapları

Themetf