Cara Menginstal TypeScript Panduan Langkah demi Langkah

TypeScript adalah bahasa pemrograman populer yang dibangun di atas JavaScript dengan menambahkan tipe statis. Menginstal TypeScript adalah proses yang mudah, dan panduan ini akan memandu Anda melalui langkah-langkah untuk menyiapkannya di komputer Anda.

Prasyarat

Sebelum memasang TypeScript, pastikan Anda telah memasang Node.js dan npm (Node Package Manager). Node.js menyediakan lingkungan runtime untuk menjalankan JavaScript dan TypeScript, sementara npm digunakan untuk mengelola paket dan dependensi.

  • Unduh dan instal Node.js yang menyertakan npm.
  • Verifikasi instalasi dengan menjalankan perintah berikut di terminal Anda:
node -v
npm -v

Jika perintah ini mengembalikan nomor versi, Anda siap untuk menginstal TypeScript.

Menginstal TypeScript

TypeScript dapat diinstal secara global di sistem Anda atau secara lokal dalam proyek tertentu. Kami akan membahas kedua metode tersebut:

Instalasi Global

Menginstal TypeScript secara global memungkinkan Anda menggunakan kompiler TypeScript (`tsc`) dari mana saja di sistem Anda.

  1. Buka terminal atau command prompt Anda.
  2. Jalankan perintah berikut untuk menginstal TypeScript secara global:
npm install -g typescript

Perintah ini akan mengunduh dan menginstal paket TypeScript secara global. Anda dapat memverifikasi instalasi dengan memeriksa versi TypeScript:

tsc -v

Instalasi Lokal

Disarankan untuk menginstal TypeScript secara lokal untuk pengaturan khusus proyek. Dengan cara ini, proyek yang berbeda dapat menggunakan versi TypeScript yang berbeda.

  1. Navigasi ke direktori proyek Anda menggunakan terminal:
cd path/to/your/project
  1. Jalankan perintah berikut untuk menginstal TypeScript secara lokal:
npm install typescript --save-dev

Setelah instalasi, Anda dapat menggunakan TypeScript dengan menambahkannya ke skrip proyek Anda atau langsung menggunakan perintah `npx` untuk menjalankan kompiler TypeScript.

npx tsc -v

Mengonfigurasi TypeScript

TypeScript memerlukan berkas konfigurasi (`tsconfig.json`) untuk menentukan opsi penyusun dan pengaturan proyek. Anda dapat membuat berkas ini secara manual atau membuatnya menggunakan TypeScript CLI.

  1. Untuk menghasilkan file `tsconfig.json` default, jalankan:
npx tsc --init

Perintah ini membuat file `tsconfig.json` di direktori proyek Anda dengan pengaturan default. Anda dapat mengubah file ini untuk menyesuaikan opsi penyusun sesuai dengan kebutuhan proyek Anda.

Memverifikasi Instalasi

Untuk memastikan TypeScript terinstal dengan benar, buat file TypeScript sederhana dan kompilasi:

  1. Buat file TypeScript baru bernama `hello.ts` dengan konten berikut:
let message: string = "Hello, TypeScript!";
console.log(message);
  1. Kompilasi file TypeScript ke JavaScript menggunakan kompiler TypeScript:
npx tsc hello.ts

Ini akan menghasilkan file `hello.js` di direktori yang sama. Jalankan file JavaScript yang dikompilasi menggunakan Node.js:

node hello.js

Anda akan melihat "Halo, TypeScript!" tercetak pada konsol.

Kesimpulan

Menginstal TypeScript adalah proses sederhana yang melibatkan pengaturan Node.js, menginstal TypeScript secara global atau lokal, dan mengonfigurasi proyek Anda. Dengan mengikuti langkah-langkah ini, TypeScript akan aktif dan berjalan, siap untuk meningkatkan pengalaman pengembangan Anda dengan pengetikan statis dan fitur-fitur canggih.