TypeScript adalah bahasa pemrograman yang kuat dan semakin populer di dunia pengembangan perangkat lunak. Jika Anda baru mengenal TypeScript dan ingin memulai proyek pertama Anda, artikel ini akan memberikan panduan langkah demi langkah tentang bagaimana mempersiapkan lingkungan Anda.

1. Instal Node.js

TypeScript membutuhkan Node.js untuk menjalankan kode Anda dan mengelola paket-paket JavaScript. Jika Anda belum memiliki Node.js diinstal, kunjungi situs web resmi Node.js dan unduh versi terbaru. Instalasi akan menyertakan NPM (Node Package Manager) yang berguna untuk mengelola dependensi proyek Anda.

Setelah selesai menginstal, Anda dapat memeriksa apakah Node.js dan NPM berhasil terpasang dengan menjalankan perintah berikut di terminal:

node -v
npm -v

2. Inisialisasi Proyek

Sekarang, mari inisialisasi proyek TypeScript pertama Anda. Anda dapat melakukannya dengan mengikuti langkah-langkah berikut:

a. Buat Direktori Proyek

Buat direktori baru untuk proyek Anda dan masuk ke dalamnya melalui terminal:

mkdir my-typescript-project
cd my-typescript-project

b. Inisialisasi Proyek

Jalankan perintah berikut untuk menginisialisasi proyek Anda dan membuat berkas package.json:

npm init -y

c. Instal TypeScript

Selanjutnya, instal TypeScript secara global dengan menggunakan NPM:

npm install -g typescript

d. Konfigurasi TypeScript

Buat berkas konfigurasi TypeScript dengan menjalankan perintah berikut. Ini akan membuat berkas tsconfig.json yang berisi opsi-opsi konfigurasi untuk proyek Anda:

tsc --init

3. Struktur Proyek

Sebelum Anda mulai menulis kode, ada baiknya untuk mengatur struktur direktori proyek Anda. Ini adalah struktur umum yang dapat Anda gunakan:

my-typescript-project/
  |- src/            // Direktori kode sumber TypeScript
  |  |- index.ts     // Berkas utama aplikasi
  |- dist/           // Direktori hasil kompilasi JavaScript
  |- node_modules/   // Direktori paket-paket npm
  |- tsconfig.json   // Berkas konfigurasi TypeScript
  |- package.json    // Berkas konfigurasi proyek npm

4. Mulai Menulis Kode

Sekarang, proyek TypeScript Anda sudah siap. Anda dapat mulai menulis kode dalam berkas src/index.ts atau berkas lainnya sesuai kebutuhan Anda. Pastikan Anda menggunakan ekstensi .ts untuk berkas TypeScript.

Contoh kode TypeScript sederhana:

// src/index.ts

function sayHello(name: string) {
  console.log(`Hello, ${name}!`);
}

sayHello("John");

5. Kompilasi dan Eksekusi Kode

Setelah menulis kode, Anda harus mengkompilasi berkas TypeScript menjadi JavaScript agar dapat dijalankan. Jalankan perintah berikut di terminal:

tsc

Ini akan menghasilkan berkas JavaScript di dalam direktori dist.

Terakhir, Anda dapat menjalankan kode JavaScript dengan menggunakan Node.js:

node dist/index.js

Selamat, Anda telah berhasil menyiapkan proyek TypeScript pertama Anda! Sekarang Anda siap untuk terus mengembangkan aplikasi Anda dengan TypeScript.