Kembali ke Daftar Catatan

Setup TypeScript

#typescript#setup

Kompilasi ke JavaScript

  1. Buat proyek baru dan jalankan perintah berikut:

    npm init
    

    Pastikan type diatur menjadi "module" dalam package.json.

  2. Instal TypeScript:

    npm install --save-dev typescript
    

    Mengapa menggunakan --save-dev?
    Karena TypeScript hanya digunakan dalam mode pengembangan, sehingga tidak perlu diinstal sebagai dependensi utama.

  3. Inisialisasi konfigurasi TypeScript:

    npx tsc --init
    

    Ubah properti module dalam file tsconfig.json menjadi "ES6".

  4. Sekarang, Anda dapat mengompilasi file TypeScript (.ts) menjadi JavaScript (.js) dengan:

    npx tsc
    
  5. Agar hasil kompilasi lebih rapi, atur direktori output di tsconfig.json:

    {
      "compilerOptions": {
        "outDir": "dist/"
      }
    }
    

    Dengan pengaturan ini, semua file .js hasil kompilasi akan disimpan di folder dist/.

Menjalankan TypeScript Langsung Seperti Node.js

  1. Instal ts-node:

    npm install --save-dev ts-node
    
  2. Jalankan file TypeScript tanpa perlu kompilasi manual:

    npx ts-node hello.ts
    

    Perintah ini akan langsung mengeksekusi kode TypeScript di konsol seperti menggunakan Node.js.

Catatan Terkait