TypeScript er et supersæt af JavaScript udviklet til at bygge sikrere applikationer i stor skala. Det tilføjer valgfri statisk skrivning til sproget, hvilket gør det nemmere at opdage fejl før kompilering.
Sproget introducerer også nogle funktioner, der ikke findes i JavaScript. Disse omfatter generika, klasser, grænseflader, opregninger og dekoratører.
Lær, hvordan du opsætter dit første TypeScript-projekt fra bunden med blot nogle få trin.
Trin 1: Installation af TypeScript
Før brug TypeScript på dit system, skal du installere TypeScript-kompileren globalt.
Kør følgende kommando for at installere TypeScript globalt:
npm installere -g maskinskrift
Trin 2: Opsætning af dit projekt
For at konfigurere dit TypeScript-projekt skal du starte med at oprette en tom projektmappe i enhver IDE efter eget valg.
Opret derefter dine filer med .ts filtypenavn. TypeScript kan ikke køre i noget miljø. Det skal således kompileres til JavaScript, før det kan køre.
For at kompilere dine TypeScript-filer til JavaScript skal du navigere til din projektmappe på din terminal. Så løb
tsc efterfulgt af navnet på din TypeScript-fil.For eksempel:
tscindeks.ts
Denne kommando vil oprette en index.js fil i samme mappe din indeks.ts filen ligger.
Denne adfærd kan være uønsket, da det ville gøre dit projekt svært at styre med flere .js og .ts filer i samme mappe.
Du ændrer denne standardadfærd og ændrer adfærden for din TypeScript-kompiler ved hjælp af tsconfig.json fil.
Kør følgende kommando i din terminal for at oprette en tsconfig.json fil i dit projekt:
tsc --i det
Dette genererer en fil, der indeholder alle konfigurationsindstillingerne for din TypeScript-kompiler.
Du dækker kun det grundlæggende, der er nødvendigt for at starte dit projekt her, men du kan lære mere om det TypeScript tsconfig-dokumentationen.
Trin 3: Opsætning af TypeScript-kompileren for en bedre arbejdsgang
Det tsconfig.json fil indeholder konfigurationsmuligheder for TypeScript-kompileren opdelt i syv sektioner:
- Projekter
- Sprog og miljø
- Moduler
- JavaScript support
- Udsende
- Interop-begrænsninger
- Typekontrol
- Fuldstændighed
De fleste af egenskaberne er deaktiveret som standard (de er kommenteret ud). Du kan aktivere og ændre dem ved at fjerne kommentarer til dem.
Her er de trin, du skal følge for at ændre placeringen af dine genererede JavaScript-filer:
- Åben tsconfig.json og lokaliser udsende afsnit.
- I den udsende sektion, fjern kommentering af udDir egenskab og angiv den mappe, du vil gemme den kompilerede .ts filer. Nu når som helst du løber tsc, din .js filer vil være i den angivne mappe.
Løb tsc efterfulgt af navnet på den fil, du vil kompilere, er ikke optimal for din arbejdsgang, især når du skal kompilere flere filer.
For at løse dette problem giver TypeScript-kompileren en egenskab, der gør det muligt for den at kompilere alle filerne i en mappe i én kommando.
Følg disse trin for at konfigurere dette:
- Åben tsconfig.json og lokaliser moduler afsnit.
- I den moduler sektion, fjern kommentering af rootDir ejendom el rootDirs (hvis du vil have compileren til at kompilere flere .ts mapper ind .js) og angiv filmappen(e).
Disse indstillinger vil gøre din arbejdsgang bedre og dine filer nemmere at vedligeholde.
Fordelene ved TypeScript
Den største fordel ved TypeScript frem for JavaScript er dens typesikkerhed. TypeScript gør det muligt at opdage svære at finde fejl hurtigt. Denne funktion gør den ideel til at bygge sikre og store applikationer.
