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 Inertia Roles & Permissions - #4 - Installasi Laravel Spatie
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan melakukan installasi laravel spatie untuk menghandle roles & permissions.
2
Tutorial Inertia Roles & Permissions - #5 - Membuat Model, Migration, Faker Dan Seeder Laravel
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah model, migration, faker dan seeder yang akan kita gunakan di dalam project kita.
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 Laravel Livewire - #8 - Membuat Module Category Dengan Livewire
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module category dengan livewire.
5
Tutorial React Native Auth - #6 - Membuat Dashboard Screen React Native
Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah dashboard screen pada project kita
6
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.

JurnalKoding

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

© 2026 JurnalKoding, Inc. All rights reserved.