Come eseguire TypeScript nel codice VS

"VS Codice" sta per "Codice Visual Studio"Che è gratuito e un editor di codice open source utilizzato dagli sviluppatori per eseguire il codice in diversi linguaggi di programmazione tra cui"Dattiloscritto". Per eseguire il codice TypeScript nel codice VS, è obbligatorio installare il compilatore TypeScript "TSC"Che transilirà il".ts"File a JavaScript".js" file.

Questo tutorial discuterà la procedura per eseguire il TypeScript in VS Codice.

Come eseguire TypeScript nel codice VS?

Per eseguire TypeScript nel codice VS o in qualsiasi altro IDE, in primo luogo, devi installare un “nodo.js"Sul tuo sistema. Esegui il seguente comando sul prompt dei comandi per installare TypeScript:

NPM Installa -g TypeScript

Successivamente, è possibile eseguire facilmente TypeScript sul codice VS utilizzando il terminale VS. Apri il terminale usando il “Ctrl+Shift+'"E segui i passaggi indicati:

• Traspilo il file TypeScript nel file JavaScript.
• Eseguire il file JavaScript.

Passaggio 1: transpile il file dattiloscritto nel file JavaScript

Per transipile il dattiloscritto su JavaScript usa il comando seguente:

TSC FileName.ts

Passaggio 2: eseguire il file JavaScript

Per eseguire il file JavaScript transipile, utilizzare il comando seguente:

nome file nodo.js

L'approccio di cui sopra aiuta a eseguire il TypeScript in qualsiasi IDE se si esegue specificamente TypeScript nel codice VS, quindi seguire semplicemente i passaggi dati:

• Installa le estensioni nel codice VS
• Crea un file di codice TypeScript
• Traspile Code dattiloscritto
• Esegui il file JavaScript

Passaggio 1: installare le estensioni nel codice VS

Innanzitutto, installa le estensioni nel codice VS da "Estensioni"Pannello nel codice VS. Per fare ciò, fai clic sull'icona delle estensioni o premere "ctrl+shift+x"Nella barra laterale di sinistra:

Digitare il "nodo"Nella barra di ricerca, fai clic sull'estensione"Essentials nodo”E premere il"installare"Pulsante. Installerà tutte le estensioni essenziali per lo sviluppo del nodo:

Dopo aver installato l'estensione essenziale del nodo, installare l'estensione per TypeScript che contiene il “Compilatore dattiloscritto 'TSC'”Per transpilare il".ts" file. Per questo, cerca il “Dattiloscritto"In una barra di ricerca, fai clic su"JavaScript e TypeScript Nightly”E premere il"installare"Pulsante:

Passaggio 2: creare file di codice TypeScript

Crea un file con l'estensione ".ts"Questo contiene il codice dattiloscritto. Qui creeremo un file dattiloscritto come "file.ts":

Aggiungi il seguente codice in "file.ts" file:

Let Welcome: String = "Welcome to LinuxHint";
console.registro (benvenuto);

Passaggio 3: transili dattiloscritti

Ora, apri il terminale VS usando "Ctrl+Shift+'"E immettere il comando seguente per transipile il codice TypeScript nel file JavaScript:

File TSC.ts

Dopo aver compilato, il “.js"Il file viene creato:

Passaggio 5: eseguire il file JavaScript

Ora, esegui il file JavaScript usando "Node.js "con il comando indicato:

file nodo.js

Produzione

Se vuoi mostrare l'output sulla pagina Web, devi collegare il tuo ".js"File con il documento HTML utilizzando il"src"Attributo del tag:

Si tratta di eseguire TypeScript nel codice VS.

Conclusione

Per eseguire il codice TypeScript in Codice VS, prima, è necessario installare “Node.JS "e" TypeScript "nel tuo sistema o nel codice VS IDE. Quindi, usa il "TSC"Comando per trasmettere il file TypeScript in un file JavaScript. Infine, esegui il file JavaScript in VS Codice usando "nodo"Comando. Questo tutorial ha discusso della procedura per l'esecuzione di TypeScript in VS Codice.