Hvordan du kjører typeskript i vs kode

“Vs kode" står for "Visual Studio Code”Som er gratis og en open source-kodeditor brukt av utviklere for å utføre koden på forskjellige programmeringsspråk, inkludert“Typeskrift”. For å kjøre typeskriptkoden i VS -kode, er det obligatorisk å installere TypeScript -kompilatoren “TSC”Som vil transpilere“.ts”Fil til JavaScript”.JS”Fil.

Denne opplæringen vil diskutere prosedyren for å utføre typeskriptet i VS -kode.

Hvordan du kjører typeskript i vs kode?

For å kjøre typeskript i VS -kode eller annen IDE, må du først installere en "Node.JS”På systemet ditt. Kjør følgende kommando på ledeteksten for å installere TypeScript:

NPM Install -g Typescript

Etter det kan du enkelt utføre typeskriptet på VS -koden ved hjelp av VS -terminalen. Åpne terminalen ved hjelp av “Ctrl+Shift+'”Og følg de gitte trinnene:

• Transpile TypeScript -filen til JavaScript -filen.
• Utfør JavaScript -filen.

Trinn 1: Transpile TypeScript -filen til JavaScript -filen

For å overføre typeskriptet til JavaScript, bruk kommandoen nedenfor:

TSC -filnavn.ts

Trinn 2: Utfør JavaScript -filen

For å utføre Transpile JavaScript -filen, bruk kommandoen nedenfor:

Node filnavn.JS

Ovennevnte tilnærming hjelper til med å utføre typeskriptet i noen IDE hvis du spesifikt kjører TypeScript i VS -kode, og følg bare de gitte trinnene:

• Installer utvidelser i VS -kode
• Opprett en typeskriftskodefil
• Transpile TypeScript -kode
• Kjør JavaScript -filen

Trinn 1: Installer utvidelser i VS -kode

Først må du installere utvidelsene i VS -kode fra "Utvidelser”Panel i VS -kode. For å gjøre dette, klikk på Extensions -ikonet eller trykk “Ctrl+skift+x”I venstre sidefelt:

Skriv inn “Node”I søkefeltet, klikker du på utvidelsen”Node Essentials”Og trykk på“installere”-Knappen. Den vil installere alle viktige utvidelser for nodeutvikling:

Etter å ha installert den viktige utvidelsen av noden, installerer du utvidelsen for typeskript som inneholder "Typescript -kompilator 'TSC'”For å transpilere“.ts”Fil. For dette, søk på “Typeskrift”I en søkefelt, klikk på“JavaScript og TypeScript nattlig”Og trykk på“installere”Knapp:

Trinn 2: Opprett typeskriptkodefil

Opprett en fil med utvidelsen “.ts”Som inneholder typeskriptkoden. Her oppretter vi en typeskriptfil som "fil.ts”:

Legg til følgende kode i "fil.ts”Fil:

La Welcome: String = "Velkommen til Linuxhint";
konsoll.logg (velkommen);

Trinn 3: Transpile TypeScript -kode

Nå, åpne VS -terminalen ved å bruke "Ctrl+Shift+'”Og skriv inn følgende kommando for å transportere TypScript -koden til JavaScript -filen:

TSC -fil.ts

Etter å ha sammenstilt, “.JS”Fil opprettes:

Trinn 5: Kjør JavaScript -filen

Kjør nå JavaScript -filen med “Node.JS ”med den gitte kommandoen:

Nodefil.JS

Produksjon

Hvis du vil vise utdataene på websiden, må du koble ".JS”Fil med HTML -dokumentet ved å bruke“src”Attributt av tag:

Det handler om å kjøre TypeScript i VS -kode.

Konklusjon

For å kjøre typeskriptkoden i VS -kode, må du først installere “Node.JS ”og“ TypeScript ”i systemet ditt eller i VS -koden IDE. Bruk deretter “TSC”Kommando for å transpilere typeskriptfilen til en JavaScript -fil. Til slutt, kjør JavaScript -filen i VS -kode ved å bruke "Node”Kommando. Denne opplæringen diskuterte prosedyren for å utføre typeskriptet i VS -kode.