TypeScript adalah superset JavaScript yang dikembangkan untuk membangun aplikasi skala besar yang lebih aman. Itu menambahkan pengetikan statis opsional ke bahasa, membuatnya lebih mudah untuk mendeteksi kesalahan sebelum kompilasi.
Bahasa ini juga memperkenalkan beberapa fitur yang tidak ada di JavaScript. Ini termasuk obat generik, kelas, antarmuka, enum, dan dekorator.
Pelajari cara menyiapkan proyek TypeScript pertama Anda dari awal hanya dalam beberapa langkah.
Langkah 1: Menginstal TypeScript
Sebelum menggunakan TypeScript di sistem Anda, Anda harus menginstal kompiler TypeScript secara global.
Jalankan perintah berikut untuk menginstal TypeScript secara global:
npm Install -g naskah ketik
Langkah 2: Menyiapkan Proyek Anda
Untuk menyiapkan proyek TypeScript Anda, mulailah dengan membuat direktori proyek kosong di IDE apa pun pilihan Anda.
Kemudian, buat file Anda dengan .ts ekstensi file. TypeScript tidak dapat berjalan di lingkungan apa pun. Jadi, itu harus dikompilasi ke dalam JavaScript sebelum dapat dijalankan.
Untuk mengkompilasi file TypeScript Anda ke dalam JavaScript, navigasikan ke direktori proyek Anda di terminal Anda. Lalu lari tsc diikuti dengan nama file TypeScript Anda.
Sebagai contoh:
tscindeks.ts
Perintah ini akan membuat index.js file di dalam direktori yang sama dengan Anda index.ts file berada.
Perilaku ini mungkin tidak diinginkan karena akan membuat proyek Anda sulit dikelola dengan banyak .js dan .ts file dalam direktori yang sama.
Anda mengubah perilaku default ini dan memodifikasi perilaku kompiler TypeScript Anda menggunakan tsconfig.json mengajukan.
Jalankan perintah berikut di terminal Anda untuk membuat tsconfig.json file dalam proyek Anda:
tsc --init
Ini menghasilkan file yang berisi semua pengaturan konfigurasi untuk kompiler TypeScript Anda.
Anda hanya akan membahas dasar-dasar yang diperlukan untuk memulai proyek Anda di sini, tetapi Anda dapat mempelajari lebih lanjut tentangnya dokumentasi tsconfig TypeScript.
Langkah 3: Menyiapkan Kompilator TypeScript untuk Alur Kerja yang Lebih Baik
Itu tsconfig.json file berisi opsi konfigurasi untuk kompiler TypeScript yang dibagi menjadi tujuh bagian:
- Proyek
- Bahasa dan Lingkungan
- Modul
- Dukungan JavaScript
- Memancarkan
- Batasan Interop
- Pengecekan tipe
- Kelengkapan
Sebagian besar properti dinonaktifkan secara default (mereka dikomentari). Anda dapat mengaktifkan dan memodifikasinya dengan membatalkan komentar.
Berikut adalah langkah-langkah yang harus Anda ikuti untuk mengubah lokasi file JavaScript yang Anda buat:
- Membuka tsconfig.json dan temukan memancarkan bagian.
- Dalam memancarkan bagian, batalkan komentar keluarDir properti dan tentukan direktori yang ingin Anda simpan hasil kompilasinya .ts file. Sekarang kapan pun Anda berlari tsc, milikmu .js file akan berada di folder yang ditentukan.
Berlari tsc diikuti dengan nama file yang ingin Anda kompilasi tidak optimal untuk alur kerja Anda, terutama ketika Anda perlu mengkompilasi banyak file.
Untuk mengatasi masalah ini, kompiler TypeScript menyediakan properti yang memungkinkannya untuk mengkompilasi semua file dalam direktori dalam satu perintah.
Ikuti langkah-langkah ini untuk menyiapkannya:
- Membuka tsconfig.json dan temukan modul bagian.
- Dalam modul bagian, batalkan komentar rootDir properti atau rootDirs (jika Anda ingin kompiler mengkompilasi beberapa .ts direktori menjadi .js) dan tentukan direktori file (s).
Pengaturan ini akan membuat alur kerja Anda lebih baik dan file Anda lebih mudah dirawat.
Kelebihan TypeScript
Keuntungan utama TypeScript dibandingkan JavaScript adalah keamanan jenisnya. TypeScript memungkinkan untuk mendeteksi bug yang sulit ditemukan dengan cepat. Fitur ini membuatnya ideal untuk membangun aplikasi yang aman dan berskala besar.
