TypeScript es un superconjunto de JavaScript desarrollado para crear aplicaciones más seguras a gran escala. Agrega escritura estática opcional al lenguaje, lo que facilita la detección de errores antes de la compilación.
El lenguaje también presenta algunas características que no existen en JavaScript. Estos incluyen genéricos, clases, interfaces, enumeraciones y decoradores.
Aprenda a configurar su primer proyecto de TypeScript desde cero en solo unos pocos pasos.
Paso 1: Instalación de TypeScript
Antes de usar Mecanografiado en su sistema, debe instalar el compilador TypeScript globalmente.
Ejecute el siguiente comando para instalar TypeScript globalmente:
npm Instalar en pc -g mecanografiado
Paso 2: Configuración de su proyecto
Para configurar su proyecto TypeScript, comience creando un directorio de proyecto vacío en cualquier IDE de su elección.
Luego, crea tus archivos con el .ts extensión de archivo. TypeScript no puede ejecutarse en ningún entorno. Por lo tanto, debe compilarse en JavaScript antes de que pueda ejecutarse.
Para compilar sus archivos TypeScript en JavaScript, navegue hasta el directorio de su proyecto en su terminal. Entonces corre tsc seguido del nombre de su archivo TypeScript.
Por ejemplo:
tscíndice.ts
Este comando creará un índice.js archivo dentro del mismo directorio su índice.ts reside el archivo.
Este comportamiento puede ser indeseable ya que haría que su proyecto fuera difícil de administrar con múltiples .js y .ts archivos en el mismo directorio.
Cambia este comportamiento predeterminado y modifica el comportamiento de su compilador TypeScript usando el tsconfig.json expediente.
Ejecute el siguiente comando en su terminal para crear un tsconfig.json archivo en su proyecto:
tsc --en eso
Esto genera un archivo que contiene todos los ajustes de configuración para su compilador de TypeScript.
Aquí solo cubrirá los conceptos básicos necesarios para comenzar su proyecto, pero puede obtener más información al respecto en la documentación de TypeScript tsconfig.
Paso 3: configurar el compilador de TypeScript para un mejor flujo de trabajo
los tsconfig.json El archivo contiene opciones de configuración para el compilador de TypeScript dividido en siete secciones:
- Proyectos
- Idioma y Medio Ambiente
- Módulos
- Compatibilidad con JavaScript
- Emitir
- Restricciones de interoperabilidad
- Comprobación de tipo
- Lo completo
La mayoría de las propiedades están deshabilitadas de forma predeterminada (están comentadas). Puede activarlos y modificarlos descomentándolos.
Estos son los pasos que deberá seguir para cambiar la ubicación de sus archivos JavaScript generados:
- Abierto tsconfig.json y localizar el emitir sección.
- En el emitir sección, elimine el comentario de la outDir propiedad y especifique el directorio en el que desea almacenar el compilado .ts archivos Ahora cada vez que corres tsc, su .js los archivos estarán en la carpeta especificada.
Correr tsc seguido del nombre del archivo que desea compilar no es óptimo para su flujo de trabajo, especialmente cuando necesita compilar varios archivos.
Para resolver este problema, el compilador de TypeScript proporciona una propiedad que le permite compilar todos los archivos en un directorio en un solo comando.
Siga estos pasos para configurar esto:
- Abierto tsconfig.json y localizar el módulos sección.
- En el módulos sección, elimine el comentario de la rootDir propiedad o rootDirs (si quiere que el compilador compile múltiples .ts directorios en .js) y especifique el (los) directorio(s) del archivo.
Esta configuración mejorará su flujo de trabajo y sus archivos serán más fáciles de mantener.
Las ventajas de TypeScript
La principal ventaja de TypeScript sobre JavaScript es su seguridad de tipo. TypeScript permite detectar rápidamente errores difíciles de encontrar. Esta característica lo hace ideal para crear aplicaciones seguras y de gran escala.
