Bagaimana Saya Memasang Pakej NPM untuk TypeScript?

Bagaimana Saya Memasang Pakej Npm Untuk Typescript



Penggunaan perpustakaan dan pakej luaran semasa bekerja dengan TypeScript boleh meningkatkan proses pembangunan. NPM (Pengurus Pakej Node) ialah salah satu pengurus pakej yang popular digunakan yang menyediakan akses kepada pelbagai alat dan fungsi yang berguna. Ia adalah pengurus pakej yang boleh digunakan untuk projek JavaScript dan TypeScript, terutamanya digunakan untuk mengurus, memasang, mengemas kini dan menyahpasang pakej atau modul.

Tulisan ini akan membentangkan panduan langkah demi langkah untuk memasang pakej NPM yang disesuaikan khusus untuk projek TypeScript.

Bagaimana Saya Memasang Pakej NPM untuk TypeScript?

Ikuti langkah yang diberikan untuk memasang pakej NPM untuk TypeScript:







Langkah 1: Tingkatkan Projek TypeScript
Sebelum memasang sebarang pakej NPM, pastikan anda telah menyediakan projek TypeScript. Untuk tujuan itu, sama ada anda boleh menggunakan projek TypeScript sedia ada atau memulakan projek baharu dengan melaksanakan arahan berikut:



npm init -dan

Dengan melaksanakan arahan ini fail ' package.json ” akan dibuat dalam projek yang menguruskan tanggungan.



Langkah 2: Pilih Pakej NPM
Kenal pasti pakej NPM yang anda ingin pasang untuk projek TypeScript anda. Untuk tujuan ini, semak imbas NPM laman web atau cari pakej menggunakan arahan npm berikut:





carian npm < nama pakej >

Langkah 3: Pasang Pakej NPM
Untuk memasang pakej NPM, buka terminal atau command prompt dan jalankan arahan berikut:

npm pasang < nama pakej >

Gantikan ' ” dengan nama sebenar pakej yang anda ingin pasang. Perintah yang dinyatakan akan memuat turun pakej dan kebergantungannya ke dalam ' modul_nod ” folder yang tersedia dalam direktori projek anda.



Langkah 4: Pasang Pengisytiharan TypeScript
Jika pakej yang akan dipasang tidak mempunyai sokongan TypeScript terbina dalam, maka pengguna mesti memasang pengisytiharan TypeScript secara berasingan. Pengisytiharan ini menyediakan maklumat jenis untuk pakej dan mendayakan ciri semakan jenis statik dan IDE pintar TypeScript. Untuk melakukan itu, gunakan arahan 'npm' berikut:

npm pasang @ jenis /< nama pakej >

Gantikan ' ” dengan nama pakej yang akan dipasang.

Langkah 5: Import dan Gunakan Pakej
Selepas memasang pakej dan pengisytiharannya, anda sudah bersedia untuk mengimport dan menggunakannya dalam kod TypeScript. Import fungsi yang dikehendaki daripada pakej ke dalam fail TypeScript anda menggunakan pernyataan 'import', seperti yang ditunjukkan di bawah:

import { kefungsian } daripada '' ;

Gantikan 'fungsi' dengan fungsi khusus yang akan diimport dan ' ” dengan nama pakej.

Langkah 6: Bina dan Jalankan Projek TypeScript
Setelah anda memasang pakej NPM, mengintegrasikan pengisytiharan TypeScript dan mengimport pakej ke dalam kod anda, anda sudah bersedia untuk membina dan menjalankan projek TypeScript anda. Gunakan perintah 'tsc' berikut untuk mentranspile fail TypeScript ke dalam fail JavaScript:

tsc < fileName.ts >

Selepas itu, pengguna boleh melaksanakan perintah 'nod' untuk menjalankan fail JavaScript yang ditranspilkan:

nod < fileName.js >

Mari kita praktikkan arahan yang dinyatakan di atas.

Contoh: Memasang Pakej NPM untuk TypeScript
Contoh ini memasang TypeScript sebagai pakej npm supaya kod kami boleh disusun menggunakan pengkompil TypeScript. Untuk melakukan ini, mula-mula, mulakan projek menggunakan arahan berikut:

npm init -dan

Sekarang laksanakan arahan yang diberikan untuk memasang TypeScript:

npm i skrip taip

Apabila perintah 'npm' berjaya dilaksanakan, TypeScript akan dipasang dalam projek dan ' modul_nod 'direktori,' package.json ” fail, dan “ package-lock.json ” fail akan dibuat:

Kebergantungan yang dipasang ditunjukkan dalam ' package.json ” fail yang tersedia di bawah bahagian dependencies:

Sekarang buat nama fail baharu “ contoh.ts ” dalam direktori projek dan laksanakan kod berikut:

biarkan contoh: rentetan = 'Helo, Selamat datang ke Linuxhint.com!' ;
konsol.log ( contoh ) ;

Dalam contoh ini:

  • Pembolehubah dicipta dan dimulakan dengan nilai rentetan.
  • Nilai pembolehubah dicetak pada skrin/konsol menggunakan kaedah console.log().

Untuk transpile kod ini gunakan perintah 'tsc' bersama-sama dengan nama fail:

contoh tsc.ts

Jalankan arahan 'nod' yang diberikan di bawah untuk melaksanakan fail yang ditranspilkan:

contoh nod.js

Pengeluaran

Itu sahaja tentang pemasangan pakej NPM untuk TypeScript.

Kesimpulan

Untuk memasang pakej NPM untuk TypeScript, gunakan ' pemasangan npm ” arahan diikuti dengan nama pakej yang hendak dipasang. Pakej NPM membolehkan pembangun menggunakan pelbagai perpustakaan dan alatan pihak ketiga. Dengan mengikuti panduan langkah demi langkah ini, anda boleh memasang pakej NPM dengan mudah, menyepadukan pengisytiharan TypeScript dan meningkatkan projek TypeScript anda dengan fungsi tambahan.