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
Belajar Typescript Dasar - #3 - Tipe Data Typescript
Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar mengenai tipe tipe data yang ada didalam typescript.
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 - #5 - Membuat Module Profile
Artikel ini merupakan series dari Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing, disini kita belajar membuat module profile selain membuat rest api kita juga menuliskan sebuah unit test untuk module tersebut.
4
Tutorial Laravel Livewire - #7 - Membuat Reusable Component Dengan Laravel
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita membuat sebuah reusable component menggunakan laravel.
5
Tutorial Laravel Rest API - #2 - Installasi Laravel Sanctum
Artikel ini merupakan series dari Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing, disini kita akan mulai melakukan installasi laravel sanctum dan implementasi api token pada model user.
6
Tutorial Inertia Roles & Permissions - #1 - Project Overview
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan bahasa teknologi apa saja yang kita gunakan dan scope dari project yang akan kita bangun.

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.