Αυτή η εγγραφή θα παρουσιάσει έναν σταδιακό οδηγό για την εγκατάσταση πακέτων NPM ειδικά προσαρμοσμένων για έργα TypeScript.
Πώς μπορώ να εγκαταστήσω πακέτα NPM για TypeScript;
Ακολουθήστε τα παρακάτω βήματα για να εγκαταστήσετε πακέτα NPM για TypeScript:
Βήμα 1: Αναβάθμιση ενός έργου TypeScript
Πριν εγκαταστήσετε οποιοδήποτε πακέτο NPM, βεβαιωθείτε ότι έχετε ρυθμίσει ένα έργο TypeScript. Για το σκοπό αυτό, μπορείτε είτε να χρησιμοποιήσετε ένα υπάρχον έργο TypeScript είτε να αρχικοποιήσετε ένα νέο εκτελώντας την ακόλουθη εντολή:
npm init -και
Εκτελώντας αυτήν την εντολή ένα αρχείο ' πακέτο.json ” θα δημιουργηθεί στο έργο που διαχειρίζεται τις εξαρτήσεις.
Βήμα 2: Επιλέξτε το πακέτο NPM
Προσδιορίστε το πακέτο NPM που θέλετε να εγκαταστήσετε για το έργο TypeScript. Για το σκοπό αυτό, περιηγηθείτε στο NPM δικτυακός τόπος ή αναζητήστε πακέτα χρησιμοποιώντας την ακόλουθη εντολή npm:
αναζήτηση npm < όνομα πακέτου >
Βήμα 3: Εγκαταστήστε το πακέτο NPM
Για να εγκαταστήσετε ένα πακέτο NPM, ανοίξτε το τερματικό ή τη γραμμή εντολών και εκτελέστε την ακόλουθη εντολή:
Αντικατάσταση ' <όνομα πακέτου> ” με το πραγματικό όνομα του πακέτου που θέλετε να εγκαταστήσετε. Η δηλωμένη εντολή θα κατεβάσει το πακέτο και τις εξαρτήσεις του σε ένα ' node_modules » που είναι διαθέσιμος στον κατάλογο του έργου σας.
Βήμα 4: Εγκαταστήστε τις δηλώσεις TypeScript
Εάν το πακέτο που πρόκειται να εγκατασταθεί δεν διαθέτει ενσωματωμένη υποστήριξη TypeScript, τότε οι χρήστες πρέπει να εγκαταστήσουν τις δηλώσεις TypeScript ξεχωριστά. Αυτές οι δηλώσεις παρέχουν πληροφορίες τύπου για το πακέτο και ενεργοποιούν τον στατικό έλεγχο τύπου και τις έξυπνες δυνατότητες IDE του TypeScript. Για να το κάνετε αυτό, χρησιμοποιήστε την ακόλουθη εντολή 'npm':
Αντικατάσταση ' <όνομα πακέτου> ” με το όνομα του πακέτου που θα εγκατασταθεί.
Βήμα 5: Εισαγωγή και χρήση του πακέτου
Αφού εγκαταστήσετε το πακέτο και τις δηλώσεις του, είστε έτοιμοι να το εισαγάγετε και να το χρησιμοποιήσετε εντός του κώδικα TypeScript. Εισαγάγετε τις επιθυμητές λειτουργίες από το πακέτο στο αρχείο TypeScript χρησιμοποιώντας τη δήλωση 'import', όπως φαίνεται παρακάτω:
Αντικαταστήστε τη 'λειτουργικότητα' με τη συγκεκριμένη λειτουργικότητα που πρόκειται να εισαχθεί και ' <όνομα πακέτου> ” με το όνομα της συσκευασίας.
Βήμα 6: Δημιουργία και εκτέλεση έργου TypeScript
Αφού εγκαταστήσετε το πακέτο NPM, ενσωματώσετε δηλώσεις TypeScript και εισαγάγετε το πακέτο στον κώδικά σας, είστε έτοιμοι να δημιουργήσετε και να εκτελέσετε το έργο TypeScript. Χρησιμοποιήστε την ακόλουθη εντολή 'tsc' για να μεταφέρετε το αρχείο TypeScript σε ένα αρχείο JavaScript:
Μετά από αυτό, οι χρήστες μπορούν να εκτελέσουν την εντολή 'node' για να εκτελέσουν το μεταφρασμένο αρχείο JavaScript:
κόμβος < fileName.js >Ας κάνουμε πράξη τις παραπάνω οδηγίες.
Παράδειγμα: Εγκατάσταση πακέτων NPM για TypeScript
Αυτό το παράδειγμα εγκαθιστά το TypeScript ως πακέτο npm, έτσι ώστε ο κώδικάς μας να μπορεί να μεταγλωττιστεί χρησιμοποιώντας τον μεταγλωττιστή TypeScript. Για να το κάνετε αυτό, αρχικοποιήστε πρώτα το έργο χρησιμοποιώντας την ακόλουθη εντολή:
Τώρα εκτελέστε τη δεδομένη εντολή για να εγκαταστήσετε το TypeScript:
npm i δακτυλόγραφοΜε την επιτυχή εκτέλεση της εντολής 'npm', το TypeScript θα εγκατασταθεί στο έργο και ένα ' node_modules ' Ευρετήριο, ' πακέτο.json 'αρχείο και' package-lock.json » θα δημιουργηθεί το αρχείο:
Οι εγκατεστημένες εξαρτήσεις εμφανίζονται στο ' πακέτο.json ” αρχείο που είναι διαθέσιμο στην ενότητα εξαρτήσεις:
Τώρα δημιουργήστε ένα νέο όνομα αρχείου ' παράδειγμα.τσ » στον κατάλογο του έργου και εκτελέστε τον ακόλουθο κώδικα:
αφήνω παράδειγμα : string = 'Γεια σας, Καλώς ήρθατε στο Linuxhint.com!' ;console.log ( παράδειγμα ) ;
Σε αυτό το παράδειγμα:
- Μια μεταβλητή δημιουργείται και αρχικοποιείται με μια τιμή συμβολοσειράς.
- Η τιμή της μεταβλητής εκτυπώνεται στην οθόνη/κονσόλα χρησιμοποιώντας τη μέθοδο console.log().
Για να μετατρέψετε αυτόν τον κώδικα χρησιμοποιήστε την εντολή 'tsc' μαζί με το όνομα του αρχείου:
tsc παράδειγμα.tsΕκτελέστε την παρακάτω εντολή 'node' για να εκτελέσετε το μεταφρασμένο αρχείο:
Παράδειγμα κόμβου.js Παραγωγή
Αυτά αφορούν την εγκατάσταση πακέτων NPM για TypeScript.
συμπέρασμα
Για να εγκαταστήσετε πακέτα NPM για TypeScript, χρησιμοποιήστε το ' npm εγκατάσταση εντολή ” ακολουθούμενη από το όνομα του πακέτου που θα εγκατασταθεί. Τα πακέτα NPM επιτρέπουν στους προγραμματιστές να χρησιμοποιούν μια ποικιλία από βιβλιοθήκες και εργαλεία τρίτων. Ακολουθώντας αυτόν τον οδηγό βήμα προς βήμα, μπορείτε εύκολα να εγκαταστήσετε πακέτα NPM, να ενσωματώσετε δηλώσεις TypeScript και να βελτιώσετε το έργο TypeScript με πρόσθετες λειτουργίες.