Tulisan ini akan menyajikan panduan bertahap untuk menginstal paket NPM yang secara khusus disesuaikan untuk proyek TypeScript.
Bagaimana Saya Menginstal Paket NPM untuk TypeScript?
Ikuti langkah-langkah yang diberikan untuk menginstal paket NPM untuk TypeScript:
Langkah 1: Tingkatkan Proyek TypeScript
Sebelum menginstal paket NPM apa pun, pastikan Anda telah menyiapkan proyek TypeScript. Untuk itu, Anda dapat menggunakan proyek TypeScript yang ada atau menginisialisasi yang baru dengan menjalankan perintah berikut:
npm init -Dan
Dengan menjalankan perintah ini, sebuah file “ package.json ” akan dibuat dalam proyek yang mengelola dependensi.
Langkah 2: Pilih Paket NPM
Identifikasi paket NPM yang ingin Anda instal untuk proyek TypeScript Anda. Untuk tujuan ini, telusuri NPM situs web atau cari paket menggunakan perintah npm berikut:
pencarian npm < nama paket >
Langkah 3: Instal Paket NPM
Untuk menginstal paket NPM, buka terminal atau command prompt dan jalankan perintah berikut:
Mengganti '
Langkah 4: Instal Deklarasi TypeScript
Jika paket yang akan diinstal tidak memiliki dukungan TypeScript bawaan, maka pengguna harus menginstal deklarasi TypeScript secara terpisah. Deklarasi ini memberikan informasi tipe untuk paket dan mengaktifkan fitur pemeriksaan tipe statis dan fitur IDE yang cerdas dari TypeScript. Untuk melakukan itu, gunakan perintah 'npm' berikut:
Mengganti '
Langkah 5: Impor dan Gunakan Paket
Setelah menginstal paket dan deklarasinya, Anda siap mengimpor dan menggunakannya di dalam kode TypeScript. Impor fungsionalitas yang diinginkan dari paket ke file TypeScript Anda menggunakan pernyataan 'impor', seperti yang ditunjukkan di bawah ini:
Ganti 'fungsionalitas' dengan fungsi spesifik yang akan diimpor dan '
Langkah 6: Bangun dan Jalankan Proyek TypeScript
Setelah Anda menginstal paket NPM, mengintegrasikan deklarasi TypeScript, dan mengimpor paket ke dalam kode Anda, Anda siap untuk membangun dan menjalankan proyek TypeScript Anda. Gunakan perintah “tsc” berikut untuk mengubah file TypeScript menjadi file JavaScript:
Setelah itu, pengguna dapat menjalankan perintah 'node' untuk menjalankan file JavaScript yang telah diubah:
simpul < namaberkas.js >Mari kita praktikkan instruksi yang disebutkan di atas.
Contoh: Memasang Paket NPM untuk TypeScript
Contoh ini menginstal TypeScript sebagai paket npm sehingga kode kita dapat dikompilasi menggunakan kompiler TypeScript. Untuk melakukannya, pertama-tama, inisialisasi proyek menggunakan perintah berikut:
Sekarang jalankan perintah yang diberikan untuk menginstal TypeScript:
npm saya naskahPada eksekusi perintah 'npm' yang berhasil, TypeScript akan dipasang di proyek dan ' node_modules ' direktori, ' package.json ' berkas, dan ' package-lock.json ” file akan dibuat:
Ketergantungan yang diinstal ditampilkan di ' package.json ” file yang tersedia di bawah bagian dependensi:
Sekarang buat nama file baru “ contoh.ts ” di direktori proyek dan jalankan kode berikut:
membiarkan contoh : string = 'Halo, Selamat datang di Linuxhint.com!' ;console.log ( contoh ) ;
Dalam contoh ini:
- Variabel dibuat dan diinisialisasi dengan nilai string.
- Nilai variabel dicetak di layar/konsol menggunakan metode console.log().
Untuk mengubah kode ini gunakan perintah 'tsc' bersama dengan nama file:
tsc contoh.tsJalankan perintah 'node' yang diberikan di bawah ini untuk mengeksekusi file yang diubah:
simpul contoh.js Keluaran
Itu semua tentang instalasi paket NPM untuk TypeScript.
Kesimpulan
Untuk menginstal paket NPM untuk TypeScript, gunakan “ instal npm ” perintah diikuti dengan nama paket yang akan diinstal. Paket NPM memungkinkan pengembang untuk menggunakan berbagai pustaka dan alat pihak ketiga. Dengan mengikuti panduan langkah demi langkah ini, Anda dapat dengan mudah menginstal paket NPM, mengintegrasikan deklarasi TypeScript, dan menyempurnakan proyek TypeScript Anda dengan fungsionalitas tambahan.