Cómo ejecutar TypeScript en VS Code

"VS Código" representa "Código de Visual Studio"Que es gratuito y un editor de código de código abierto utilizado por los desarrolladores para ejecutar el código en diferentes lenguajes de programación que incluyen"Mecanografiado". Para ejecutar el código TypeScript en VS Código, es obligatorio instalar el compilador TypeScript "TSC"Eso trasladará el".TS"Archivo al JavaScript".js" archivo.

Este tutorial discutirá el procedimiento para ejecutar el mecanografiado en VS Code.

Cómo ejecutar TypeScript en VS Code?

Para ejecutar TypeScript en VS Code o cualquier otro IDE, primero, debe instalar un "nodo.js"En tu sistema. Ejecute el siguiente comando en el símbolo del sistema para instalar TypeScript:

NPM Install -G TypeScript

Después de eso, puede ejecutar fácilmente el TypeScript en el código VS usando el terminal VS. Abra la terminal usando el "Ctrl+Shift+'"Y sigue los pasos dados:

• Transpile el archivo TypeScript al archivo JavaScript.
• Ejecutar el archivo JavaScript.

Paso 1: Transpile el archivo TypeScript al archivo JavaScript

Para transpionar el mecanografiado al JavaScript, use el siguiente comando:

nombre de archivo TSC.TS

Paso 2: ejecute el archivo JavaScript

Para ejecutar el archivo JavaScript de transpilo, use el comando a continuación:

nombre de archivo de nodo.js

El enfoque anterior ayuda a ejecutar el TypeScript en cualquier IDE si se ejecuta específicamente TypeScript en el código VS, simplemente siga los pasos dados:

• Instalar extensiones en el código VS
• Crear un archivo de código TypeScript
• Transpilar código mecanografiado
• Ejecute el archivo JavaScript

Paso 1: Instale extensiones en VS Código

Primero, instale las extensiones en el código VS desde el "ExtensionesPanel en el código VS. Para hacer esto, haga clic en el icono de extensiones o presione "Ctrl+Shift+X"En la barra lateral izquierda:

Escribe el "nodo"En la barra de búsqueda, haga clic en la extensión"Esencial de nodo"Y presione el"instalar" botón. Instalará todas las extensiones esenciales para el desarrollo de nodos:

Después de instalar la extensión esencial del nodo, instale la extensión para TypeScript que contiene el "Compilador mecanografiado 'TSC'"Para trasladar el".TS" archivo. Para esto, busque el "Mecanografiado"En una barra de búsqueda, haga clic en"JavaScript y TypeScript Nightly"Y presione el"instalar" botón:

Paso 2: Crear archivo de código TypeScript

Crear un archivo con la extensión ".TS"Eso contiene el código TypeScript. Aquí, crearemos un archivo TypeScript como "archivo.TS":

Agregue el siguiente código en el "archivo.TS" archivo:

Deje la bienvenida: String = "Bienvenido a Linuxhint";
consola.log (bienvenido);

Paso 3: Código de TypeScript de transpilo

Ahora, abra el terminal VS usando "Ctrl+Shift+'”E ingrese el siguiente comando para transpionar el código TypeScript al archivo JavaScript:

archivo TSC.TS

Después de compilar, el ".jsSe crea el archivo:

Paso 5: Ejecute el archivo JavaScript

Ahora, ejecute el archivo JavaScript usando "nodo.js ”con el comando dado:

archivo de nodo.js

Producción

Si desea mostrar la salida en la página web, debe vincular su ".js"Archivo con el documento HTML utilizando el"SRC"Atributo de la etiqueta:

Se trata de ejecutar TypeScript en VS Code.

Conclusión

Para ejecutar el código TypeScript en el código VS, primero, debe instalar "nodo.JS "y" TypeScript "en su sistema o en VS Code IDE. Entonces, usa el "TSC"Comando para transpionar el archivo TypeScript a un archivo JavaScript. Finalmente, ejecute el archivo JavaScript en el código VS usando el "nodo" dominio. Este tutorial discutió el procedimiento para ejecutar el mecanografiado en VS Código.