Install Web App

Belajar Typescript #04 | Membuat code dan menjalankan Typescript

profil-penulis

Robert Saputra

22 Februari 2023

TypeScript adalah bahasa pemrograman yang semakin populer di dunia pengembangan perangkat lunak. Jika Anda ingin memulai menulis kode TypeScript pertama Anda, artikel ini akan memberikan panduan langkah demi langkah tentang bagaimana memulai dan menjalankannya.

1. Instalasi Node.js

Sebelum Anda dapat mulai menulis dan menjalankan kode TypeScript, pastikan Anda telah menginstal Node.js di komputer Anda. Anda dapat mengunduh versi terbaru dari situs web resmi Node.js dan mengikuti panduan instalasinya.

Setelah Node.js terinstal, Anda akan mendapatkan juga NPM (Node Package Manager) yang akan digunakan untuk mengelola dependensi proyek Anda.

2. Instalasi TypeScript

Langkah berikutnya adalah menginstal TypeScript secara global di komputer Anda. Buka terminal atau command prompt Anda dan jalankan perintah berikut:

npm install -g typescript

Perintah ini akan menginstal kompiler TypeScript secara global, sehingga Anda dapat menggunakannya dari mana saja dalam sistem Anda.

3. Buat Direktori Proyek

Setelah TypeScript terinstal, Anda dapat mulai membuat proyek pertama Anda. Buat direktori baru di mana Anda akan menyimpan kode TypeScript Anda. Misalnya, Anda dapat membuat direktori dengan nama "my-first-typescript-project."

mkdir my-first-typescript-project cd my-first-typescript-project

4. Inisialisasi Proyek dengan npm

Untuk mengatur proyek Anda dan mengelola dependensi, Anda dapat menggunakan npm. Jalankan perintah berikut untuk menginisialisasi proyek Anda:

npm init -y

Perintah ini akan membuat berkas package.json yang berisi konfigurasi proyek Anda.

5. Buat Berkas TypeScript Pertama Anda

Sekarang Anda siap untuk mulai menulis kode TypeScript pertama Anda. Anda dapat membuat berkas TypeScript dengan ekstensi .ts. Misalnya, buat berkas dengan nama "app.ts" di dalam direktori proyek Anda.

touch app.ts

Kemudian buka berkas "app.ts" dengan editor teks atau IDE pilihan Anda.

6. Menulis Kode TypeScript

Sekarang Anda dapat mulai menulis kode TypeScript. Contoh sederhana di bawah ini adalah cara menampilkan pesan sederhana ke konsol:

// app.ts 
console.log("Hello, TypeScript!");

7. Kompilasi Kode TypeScript

Sebelum Anda dapat menjalankan kode TypeScript, Anda harus mengkompilasinya menjadi JavaScript, karena browser dan runtime Node.js hanya mengerti JavaScript. Untuk mengkompilasi kode, jalankan perintah berikut:

tsc app.ts

Perintah ini akan menghasilkan berkas JavaScript dengan nama "app.js" berdasarkan kode TypeScript Anda.

8. Menjalankan Kode TypeScript

Setelah kode TypeScript Anda dikompilasi menjadi JavaScript, Anda dapat menjalankannya. Jika Anda ingin menjalankan kode di lingkungan Node.js, jalankan perintah berikut:

node app.js

Jika Anda ingin menjalankan kode di browser, Anda perlu membuat halaman HTML yang merujuk ke berkas JavaScript hasil kompilasi Anda.

Kesimpulan

Itulah langkah-langkah dasar untuk memulai menulis dan menjalankan kode TypeScript pertama Anda. Dengan TypeScript, Anda dapat mengembangkan aplikasi yang lebih aman dan mudah dipelihara. Selanjutnya, Anda dapat mengeksplorasi fitur-fitur lanjutan TypeScript seperti tipe data statis, penggunaan modul, dan banyak lagi untuk memperluas kemampuan pengembangan Anda.

Artikel Lainnya Dengan Kategori Terkait :


1. Belajar Javascript #01 Belajar Menyisipkan Javascript Pada HTML menggunakan Metode Internal

2. Belajar Javascript #02 Belajar Menyisipkan Javascript Pada HTML Menggunakan Metode External

3. Belajar Javascript #03 Mendeklarasikan Variabel

4. Belajar Javascript #05 Menampilkan data di console

5. Belajar Javascript #06 Operator Aritmatika

6. Belajar Javascript #07 Assignment Operator

7. Belajar Javascript #08 String Operator

8. Belajar Javascript #09 Operator Perbandingan

9. Belajar Javascript #10 Operator Logika AND, OR, NOT, pada JavaScript

10. Belajar Javascript #11 Belajar Fungsi Pada Javascript

11. Belajar Javascript #12 Cara Mendeklarasikan Fungsi Pada Javascript

12. Belajar Javascript #13 Belajar Parameter & Argument Pada Javascript

13. Belajar Javascript #14 Belajar apa itu Function Hoisting pada javascript, dan contohnya

14. Belajar Javascript #15 Lingkup Global vs Lingkup Lokal

15. Belajar Javascript #16 Mengenal Objek Javascript

16. Belajar Javascript #17 Menggunakan Object Literal

17. Belajar Javascript #18 Mengakses properti Objek

18. Belajar Javascript #19 Menambah Properti Baru pada Objek

19. Belajar Javascript #20 Menghapus Properti Objek

20. Belajar Javascript #21 Object Method

21. Belajar Javascript Intermediate #02 ForEach

22. Belajar Javascript Intermediate #03 Map

23. Belajar Javascript Intermediate #06 Index Of

24. Belajar PHP #2 Cara Menginstall XAMPP di Windows

25. Belajar Tailwind CSS Lanjutan #189 Scroll-padding di Tailwind CSS

26. Belajar Typescript #04 | Membuat code dan menjalankan Typescript

27. Cara Install Laravel di Windows

28. Cara Menginstall Sublime Text

29. Cara Menginstall Visual Studio Code

30. Daftar Urutan Web Browser Terbaik, Cari Tau Yang Paling Cocok Buat Kamu!

31. Gampang Banget ! Begini Cara Membuat Sticker Wa

32. How to make Card-Profile

33. Mempelajari Javascript #04 Tipe Data Javascript

34. Mengenal Ektensi Pada Visual Studio Code | Part 2

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya