¿Cómo instalar TypeScript?

Typescript valida su JavaScript con anticipación con la verificación de tipo estático. El código es interpretado por un navegador, pero si su código está roto, no lo detectará hasta el tiempo de ejecución cuando el navegador arroje un error. El lenguaje es un superconjunto estricto de JavaScript, lo que significa que cuando abre un archivo ts puede escribir JavaScript simple con todas sus características adicionales completamente opcionales.

Podemos ejecutar el compilador de TypeScript usando el comando tsc , tomará el archivo de TypeScript y lo transpilará a JavaScript estándar. Un proyecto TypeScript siempre tiene un archivo de configuración ts , que nos ayuda a personalizar el comportamiento del compilador. El objetivo principal de TypeScript es habilitar la escritura estática, lo que se logra al permitir que el usuario anote el código con tipos.

requisito previo :

  • Descargue e instale el marco NodeJS en su sistema informático.

La siguiente es la guía paso a paso para instalar TypeScript en:

Paso 1: vaya al menú de inicio y haga clic en el símbolo del sistema.

Paso 2: para instalar TypeScript tenemos que usar NPM, NPM se llama administrador de paquetes de Nodes. Como su nombre indica, se utiliza para instalar paquetes de NodeJS en nuestro sistema.

Ejecute el siguiente comando en el mismo símbolo del sistema de NodeJS para instalar el TypeScript:

npm install --global typescript

El comando anterior instalará el TypeScript en nuestro sistema local. Para verificar la instalación, ejecute el siguiente comando:

tsc -v

Aquí tsc es un compilador de TypeScript y el indicador -v indica que estamos mostrando la versión del TypeScript como se muestra en la imagen a continuación:

En este punto, TypeScript se ha instalado con éxito en su sistema.

Paso 3: para instalar una versión específica de un TypeScript, use el siguiente comando con ‘@’ seguido de la versión.

npm install --global typescript@4.x.x

Aquí, ‘x’ se puede cambiar con la versión que queremos instalar, como se muestra en la imagen a continuación:

Paso 4: para desinstalar TypeScript, use el mismo comando que se usa para instalar TypeScript y reemplace la instalación con desinstalar. Aquí está el comando:

npm uninstall --global typescript

Ahora, creemos un proyecto simple de hola mundo a través de TypeScript:

Paso 1: Cree una carpeta en su escritorio y cree un archivo llamado «main.ts». Puede escribir el nombre que desee para este archivo y carpeta.

Paso 2: Abra el símbolo del sistema de NodeJS y navegue hasta la ruta de la carpeta que creamos en el paso 1.

cd path/to/the/folder

Paso 3: Ejecute el comando Inicialización en ese símbolo del sistema para crear el archivo de configuración necesario para nuestro proyecto simple.

tsc --init

Este comando tsc –init creará un archivo de configuración para el compilador TypeScript llamado tsconfig.json. Este archivo contiene todas las configuraciones para el compilador de TypeScript que vamos a utilizar al ejecutar el programa.

Paso 4: Abra el main.ts que creamos en el paso 1. A continuación se muestra el código de hola mundo en el texto TypeScript. Mostrará la string en la consola que confirmará el funcionamiento del compilador TypeScript.

Código TypeScript main.ts:

main.ts

/**  Hello world program using Typescript  */
  
let helloTypescript: string;
    
helloTypescript = 
  "Typescript is successfully installed"+
  " onto this system. -GeeksforGeeks";
    
console.log(helloTypescript);

El código anterior debe pegarse y guardarse en el archivo main.ts antes de ejecutar el compilador TypeScript.

Paso 5: Ejecute el compilador TypeScript con el nombre del archivo como argumento para ver los resultados.

tsc

Esto creará un archivo JS compilado a partir de ese archivo TypeScript. Y ahora, para ejecutar el archivo JS, usaremos NodeJS como se muestra a continuación.

node main.js

Producción:

Hola mundo TypeScript 

Publicación traducida automáticamente

Artículo escrito por amnindersingh1414 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *