TypeScript הוא ערכת-על של JavaScript שפותחה לבניית יישומים בטוחים יותר בקנה מידה גדול. זה מוסיף הקלדה סטטית אופציונלית לשפה, מה שמקל על זיהוי שגיאות לפני ההידור.
השפה גם מציגה כמה תכונות שאינן קיימות ב-JavaScript. אלה כוללים גנריות, מחלקות, ממשקים, רשימות ודקורטורים.
למד כיצד להגדיר את פרויקט TypeScript הראשון שלך מאפס בכמה שלבים בלבד.
שלב 1: התקנת TypeScript
לפני שימוש TypeScript במערכת שלך, עליך להתקין את מהדר TypeScript באופן גלובלי.
הפעל את הפקודה הבאה כדי להתקין את TypeScript באופן גלובלי:
npm להתקין -g כתב דפוס
שלב 2: הגדרת הפרויקט שלך
כדי להגדיר את פרויקט TypeScript שלך, התחל ביצירת ספריית פרויקט ריקה ב כל IDE לבחירתך.
לאחר מכן, צור את הקבצים שלך עם .ts סיומת קובץ. TypeScript לא יכול לפעול בכל סביבה. לפיכך, יש להרכיב אותו לתוך JavaScript לפני שהוא יכול לפעול.
כדי להרכיב את קובצי TypeScript שלך ל-JavaScript, נווט אל ספריית הפרויקט שלך בטרמינל שלך. ואז לרוץ tsc ואחריו שם קובץ ה-TypeScript שלך.
לדוגמה:
tscאינדקס.ts
פקודה זו תיצור index.js קובץ בתוך אותה ספרייה שלך index.ts הקובץ שוכן.
התנהגות זו עשויה להיות בלתי רצויה מכיוון שהיא תקשה על ניהול הפרויקט שלך עם מספר רב
.js ו .ts קבצים באותה ספרייה.אתה משנה התנהגות ברירת מחדל זו ומשנה את ההתנהגות של מהדר TypeScript שלך באמצעות ה tsconfig.json קוֹבֶץ.
הפעל את הפקודה הבאה בטרמינל שלך כדי ליצור א tsconfig.json קובץ בפרויקט שלך:
tsc --init
זה יוצר קובץ המכיל את כל הגדרות התצורה עבור מהדר TypeScript שלך.
אתה תכסה רק את היסודות הדרושים כדי להתחיל את הפרויקט שלך כאן, אבל אתה יכול ללמוד עוד על זה התיעוד של TypeScript tsconfig.
שלב 3: הגדרת מהדר TypeScript לזרימת עבודה טובה יותר
ה tsconfig.json הקובץ מכיל אפשרויות תצורה עבור מהדר TypeScript מחולקים לשבעה חלקים:
- פרויקטים
- שפה וסביבה
- מודולים
- תמיכה ב-JavaScript
- לִפְלוֹט
- מגבלות אינטראופ
- בדיקת סוגים
- שְׁלֵמוּת
רוב המאפיינים מושבתים כברירת מחדל (הם ניתנו להערה). אתה יכול להפעיל ולשנות אותם על ידי ביטול הערות.
להלן השלבים שתצטרך לבצע כדי לשנות את המיקום של קובצי ה-JavaScript שנוצרו:
- לִפְתוֹחַ tsconfig.json ולאתר את לִפְלוֹט סָעִיף.
- בתוך ה לִפְלוֹט סעיף, בטל את ההערה של outDir מאפיין וציין את הספרייה שברצונך לאחסן את הקומפילציה .ts קבצים. עכשיו בכל פעם שאתה רץ tsc, שלך .js הקבצים יהיו בתיקייה שצוינה.
רץ tsc ואחריו שם הקובץ שברצונך להדר אינו אופטימלי עבור זרימת העבודה שלך, במיוחד כאשר אתה צריך להדר מספר קבצים.
כדי לפתור בעיה זו, מהדר TypeScript מספק מאפיין המאפשר לו לקמפל את כל הקבצים בספריה בפקודה אחת.
בצע את השלבים הבאים כדי להגדיר זאת:
- לִפְתוֹחַ tsconfig.json ולאתר את מודולים סָעִיף.
- בתוך ה מודולים סעיף, בטל את ההערה של rootDir רכוש או rootDirs (אם אתה רוצה שהמהדר יקמפל מרובים .ts מדריכים לתוך .js) וציין את ספריית הקבצים.
הגדרות אלה יהפכו את זרימת העבודה שלך לטובה יותר ואת הקבצים שלך לקלים יותר לתחזוקה.
היתרונות של TypeScript
היתרון העיקרי של TypeScript על פני JavaScript הוא בטיחות הטיפוסים שלו. TypeScript מאפשר לזהות באגים שקשה למצוא במהירות. תכונה זו הופכת אותו לאידיאלי לבניית יישומים מאובטחים ובקנה מידה גדול.
