Belajar Typescript Dasar - #2 - Membuat Project Typescript

Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar membuat project typescript dan menjalankannya.

Rafi Taufiqurrahman
Dipublish 10/03/2025

Pendahuluan

Pada artikel kali ini, kita akan belajar membuat file Typescript dan menjalankannya. Typescript sendiri tidak bisa langsung dijalankan di browser, jadi kita perlu mengompilasinya menjadi JavaScript terlebih dahulu.

Silahkan teman - teman buat file baru dengan nama index.ts, lalu masukan kode berikut ini.

index.ts
const nama: string = 'Rafi Taufiqurrahman';
console.log(`Halo, nama saya ${nama}`)

Untuk menjalankan file tersebut kita harus melakukan konversi terlebih dahulu menjadi Javascript dengan perintah dibawah ini.

tsc index.ts

Hasilnya akan muncul file baru dengan nama index.js, yang bisa dijalankan dengan Node.js, dengan perintah berikut ini.

node index.js

Dan output yang dihasilkan dari perintah diatas kurang lebih seperti berikut ini.

Terminal
Halo, nama saya Rafi Taufiqurrahman

Penutup

Pada artikel berikutnya, kita akan belajar berbagai macam tipe data yang ada didalam Typescript. Semoga bermanfaat, Termiakasih :)

Artikel Lainnya

Beberapa artikel rekomendasi lainnya untuk menambah pengetahuan.

1
Tutorial Laravel Livewire - #3 - Installasi Laravel Breeze & Livewire
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan melakukan installasi laravel breeze dan livewire sebagai starter-kit kita.
2
Belajar Typescript Dasar - #4 - Function Dalam Typescript
Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar mengenai jenis - jenis function yang ada didalam typescript.
3
Tutorial Laravel Rest API - #3 - Membuat Module Register
Artikel ini merupakan series dari Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing, disini kita belajar membuat module registrasi selain membuat rest api kita juga menuliskan sebuah unit test untuk module tersebut.
4
Tutorial React Native Auth - #4 - Membuat Custom Context Authentikasi React Native
Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah custom context authentikasi pada project kita
5
Belajar Typescript Dasar - #5 - Interface Dalam Typescript
Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar mengenai jenis - jenis interface yang ada didalam typescript.
6
Tutorial Laravel Livewire - #4 - Membuat Schema Database Dengan Laravel
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah schema database yang nantinya akan kita gunakan pada study case kali ini dan kita akan memanfaatkan model dan migration dari laravel.

JurnalKoding

Mulai asah skill dengan berbagai macam teknologi - teknologi terbaru seperti Laravel, React, Vue, Inertia, Tailwind CSS, dan masih banyak lagi.

© 2025 JurnalKoding, Inc. All rights reserved.