Το TypeScript είναι ένα υπερσύνολο JavaScript που αναπτύχθηκε για τη δημιουργία ασφαλέστερων εφαρμογών μεγάλης κλίμακας. Προσθέτει προαιρετική στατική πληκτρολόγηση στη γλώσσα, διευκολύνοντας τον εντοπισμό σφαλμάτων πριν από τη μεταγλώττιση.
Η γλώσσα εισάγει επίσης ορισμένες δυνατότητες που δεν υπάρχουν στο JavaScript. Αυτά περιλαμβάνουν γενικά, κλάσεις, διεπαφές, enums και διακοσμητές.
Μάθετε πώς να ρυθμίζετε το πρώτο σας έργο TypeScript από την αρχή σε λίγα μόλις βήματα.
Βήμα 1: Εγκατάσταση TypeScript
Πριν τη χρήση TypeScript στο σύστημά σας, πρέπει να εγκαταστήσετε τον μεταγλωττιστή TypeScript καθολικά.
Εκτελέστε την ακόλουθη εντολή για να εγκαταστήσετε το TypeScript καθολικά:
npm εγκαθιστώ -g δακτυλόγραφο
Βήμα 2: Ρύθμιση του έργου σας
Για να ρυθμίσετε το έργο TypeScript, ξεκινήστε δημιουργώντας έναν κενό κατάλογο έργου οποιοδήποτε IDE της επιλογής σας.
Στη συνέχεια, δημιουργήστε τα αρχεία σας με το .τσ επέκταση αρχείου. Το TypeScript δεν μπορεί να εκτελεστεί σε οποιοδήποτε περιβάλλον. Επομένως, πρέπει να μεταγλωττιστεί σε JavaScript για να μπορέσει να εκτελεστεί.
Για να μεταγλωττίσετε τα αρχεία TypeScript σε JavaScript, μεταβείτε στον κατάλογο του έργου σας στο τερματικό σας. Μετά τρέξε tsc ακολουθούμενο από το όνομα του αρχείου TypeScript.
Για παράδειγμα:
tscδείκτης.τσ
Αυτή η εντολή θα δημιουργήσει ένα index.js αρχείο μέσα στον ίδιο κατάλογο σας ευρετήριο.τσ αρχείο βρίσκεται.
Αυτή η συμπεριφορά μπορεί να είναι ανεπιθύμητη, καθώς θα καθιστούσε δύσκολη τη διαχείριση του έργου σας με πολλαπλούς .js και .τσ αρχεία στον ίδιο κατάλογο.
Μπορείτε να αλλάξετε αυτήν την προεπιλεγμένη συμπεριφορά και να τροποποιήσετε τη συμπεριφορά του μεταγλωττιστή TypeScript χρησιμοποιώντας το tsconfig.json αρχείο.
Εκτελέστε την ακόλουθη εντολή στο τερματικό σας για να δημιουργήσετε ένα tsconfig.json αρχείο στο έργο σας:
tsc --μέσα σε αυτό
Αυτό δημιουργεί ένα αρχείο που περιέχει όλες τις ρυθμίσεις διαμόρφωσης για τον μεταγλωττιστή TypeScript.
Θα καλύψετε μόνο τα βασικά που χρειάζονται για να ξεκινήσετε το έργο σας εδώ, αλλά μπορείτε να μάθετε περισσότερα για αυτό την τεκμηρίωση tsconfig TypeScript.
Βήμα 3: Ρύθμιση του μεταγλωττιστή TypeScript για καλύτερη ροή εργασίας
ο tsconfig.json Το αρχείο περιέχει επιλογές διαμόρφωσης για τον μεταγλωττιστή TypeScript χωρισμένο σε επτά ενότητες:
- Εργα
- Γλώσσα και Περιβάλλον
- Ενότητες
- Υποστήριξη JavaScript
- Εκπέμπουν
- Περιορισμοί Interop
- Έλεγχος τύπου
- Πληρότητα
Οι περισσότερες ιδιότητες είναι απενεργοποιημένες από προεπιλογή (σχολιάζονται). Μπορείτε να τα ενεργοποιήσετε και να τα τροποποιήσετε αφαιρώντας τα από το σχόλιο.
Ακολουθούν τα βήματα που πρέπει να ακολουθήσετε για να αλλάξετε τη θέση των αρχείων JavaScript που δημιουργήσατε:
- Ανοιξε tsconfig.json και εντοπίστε το εκπέμπουν Ενότητα.
- Στο εκπέμπουν ενότητα, απο-σχολιάστε το outDir ιδιοκτησία και καθορίστε τον κατάλογο που θέλετε να αποθηκεύσετε το μεταγλωττισμένο .τσ αρχεία. Τώρα όποτε τρέχεις tsc, τα δικα σου .js τα αρχεία θα βρίσκονται στον καθορισμένο φάκελο.
Τρέξιμο tsc ακολουθούμενο από το όνομα του αρχείου που θέλετε να μεταγλωττίσετε δεν είναι η βέλτιστη για τη ροή εργασίας σας, ειδικά όταν χρειάζεται να μεταγλωττίσετε πολλά αρχεία.
Για την επίλυση αυτού του προβλήματος, ο μεταγλωττιστής TypeScript παρέχει μια ιδιότητα που του επιτρέπει να μεταγλωττίσει όλα τα αρχεία σε έναν κατάλογο σε μία εντολή.
Ακολουθήστε αυτά τα βήματα για να το ρυθμίσετε:
- Ανοιξε tsconfig.json και εντοπίστε το ενότητες Ενότητα.
- Στο ενότητες ενότητα, απο-σχολιάστε το rootDir ιδιοκτησία ή rootDirs (αν θέλετε ο μεταγλωττιστής να μεταγλωττίσει πολλαπλά .τσ καταλόγους σε .js) και καθορίστε τον κατάλογο αρχείων.
Αυτές οι ρυθμίσεις θα κάνουν τη ροή εργασίας σας καλύτερη και τα αρχεία σας ευκολότερα στη συντήρηση.
Τα πλεονεκτήματα του TypeScript
Το κύριο πλεονέκτημα του TypeScript έναντι της JavaScript είναι η ασφάλεια τύπου του. Το TypeScript καθιστά δυνατό τον γρήγορο εντοπισμό σφαλμάτων που είναι δύσκολο να βρεθούν. Αυτή η δυνατότητα το καθιστά ιδανικό για τη δημιουργία ασφαλών και μεγάλης κλίμακας εφαρμογών.
