Setup TypeScript

Install Compiler

TypeScript adalah package npm. Install sebagai dev dependency di project:

npm install -D typescript
npx tsc --version

Perintah tsc adalah TypeScript Compiler: mengubah .ts menjadi .js sekaligus mengecek tipe.

Inisialisasi Project

mkdir belajar-ts && cd belajar-ts
npm init -y
npm install -D typescript
npx tsc --init

Perintah tsc --init membuat tsconfig.json, file konfigurasi compiler (dibahas tuntas di modul 21). Untuk sekarang, biarkan default dulu.

File Pertama

Buat halo.ts:

const nama: string = "OmniDev";
console.log(`Halo, ${nama}!`);

Kompilasi dan jalankan:

npx tsc halo.ts   # menghasilkan halo.js
node halo.js      # Halo, OmniDev!

Buka halo.js hasil kompilasi. Kamu akan lihat anotasi : string hilang, tersisa JavaScript murni. Itulah type erasure.

Coba Error-nya

Ubah baris pertama jadi const nama: string = 123; lalu jalankan npx tsc halo.ts. Compiler menolak dengan pesan error yang jelas, dan (tergantung setting) tidak menghasilkan file JS yang valid. Inilah feedback loop TypeScript: tulis, cek, perbaiki, baru run.

Catatan teknis: Jangan edit file .js hasil kompilasi secara manual. Setiap kali tsc dijalankan ulang, perubahanmu tertimpa. Selalu edit sumber .ts-nya. Untuk development yang butuh run langsung tanpa langkah kompilasi manual, pakai tsx atau ts-node (dibahas di tooling lanjutan).