Transformar código TypeScript en código JavaScript

1. Transforme TypeScript en código JavaScript usando el editor en línea
2. Transforme TypeScript en código JavaScript usando un editor de código
3. Transforme TypeScript en código JavaScript instalando TypeScript globalmente

Varias formas pueden convertir un archivo TypeScript en un archivo JavaScript para usarlo de manera efectiva en cualquier lugar que se requiera. El navegador web no permitiría ejecutar archivos .ts o TypeScript; por lo tanto, es esencial convertir el archivo TypeScript en un archivo JavaScript normal para ejecutarlo en el navegador web.

Aunque se necesita convertir TypeScript antes de usarlo en el navegador web, incluso los marcos y bibliotecas como React.js y Angular alientan a los programadores a usar TypeScript en lugar de usar JavaScript simple al desarrollar el código.

La razón principal por la que se recomienda mucho más TypeScript al escribir código en lugar de usar JavaScript simple es que el código TypeScript agregará definiciones de tipo estático para JavaScript. TypeScript también valida que el código funcione correctamente y sea compatible con todos los navegadores web y plataformas, y garantiza que se pueda mantener en varios temas.

Al usar drag.js y Angular, no es necesario convertir TypeScript a JavaScript, ya que se hace en segundo plano con Webpack u otro paquete. Pero, cuando solo se usa JavaScript independiente, es necesario convertir TypeScript a JavaScript, y se puede hacer usando varios métodos.

Estos son los tres métodos principales.

Transforme TypeScript en código JavaScript usando el editor en línea

El primer método y el más sencillo es convertir el código TypeScript a JavaScript en línea. Podemos hacer esto usando el sitio web de TypeScript o cualquier otro editor en línea o una herramienta en línea.

Cuando utilice el sitio web de TypeScript, utilice la herramienta Zona de juegos en las herramientas o vaya directamente a la Zona de juegos de TypeScript. Aquí el único paso es copiar y pegar el código en el editor dado, y el código se convertirá directamente a JavaScript.

Además, es posible ejecutar el código y ver si funciona como se supone que debe hacerlo.

Transforme TypeScript en código JavaScript usando un editor de código

Otro método que se puede usar es usar un buen editor de código como Microsoft Visual Studio Code y luego instalar extensiones que se pueden usar para convertir TypeScript a JavaScript. Por ejemplo, la extensión Compile Hero se puede usar para lograr la función anterior.

Transforme TypeScript en código JavaScript instalando TypeScript globalmente

La tercera forma es instalar TypeScript globalmente en la computadora y NodeJS. Similar a npm o yarn, se instalará para el administrador de paquetes.

Después de eso, se puede acceder a la utilidad TypeScript usando el terminal y se pueden usar los comandos para convertir el archivo TypeScript a JavaScript. Además, es posible ver el archivo TypeScript para ver los cambios utilizando este método.

Además, la utilidad dará un comando para crear un archivo de configuración de TypeScript.

Para instalar TypeScript usando yarn, primero, abra la línea de comando en la carpeta deseada y escriba yarn global add typescript y Enter, o instale el paquete npm escriba npm install -g typescript en la línea de comando y presione enter. Después de eso, para crear un archivo de configuración de TypeScript, use tsc --init en la línea de comando y presione Enter, y luego se creará un tsconfig.json.

Cuando se crea un archivo de configuración, estará presente en el nivel raíz. Por lo tanto, la configuración en el archivo de configuración se puede modificar para adaptarse a los gustos del usuario, y la conversión de TypeScript a JavaScript se basará en el archivo de configuración.

Para convertir TypeScript a JavaScript, abra una terminal en la carpeta con el archivo TypeScript y escriba tsc FileName.ts. Aquí, el Nombre de archivo mencionado en el código anterior debe ser el nombre de archivo del archivo TypeScript que se convierte a JavaScript.

Cuando se ejecuta el código anterior, se creará un nuevo archivo JavaScript en la misma carpeta, que es la conversión del archivo TypeScript.