TypeScript Instalación y configuración


Ejemplo

Fondo

TypeScript es un superconjunto de JavaScript que se compila directamente en el código JavaScript. Los archivos de TypeScript comúnmente usan la extensión .ts . Muchos IDE admiten TypeScript sin necesidad de ninguna otra configuración, pero TypeScript también puede compilarse con el paquete TypeScript Node.JS desde la línea de comandos.

IDEs

Estudio visual

Código de Visual Studio

  • Visual Studio Code (vscode) proporciona un autocompletado contextual, así como herramientas de refactorización y depuración para TypeScript. vscode se implementa en TypeScript. Disponible para Mac OS X, Windows y Linux.

Tormenta web

  • WebStorm 2016.2 viene con TypeScript y un compilador incorporado. [Webstorm no es gratis]

IntelliJ IDEA

  • IntelliJ IDEA 2016.2 tiene soporte para Typescript y un compilador a través de un complemento mantenido por el equipo de Jetbrains. [IntelliJ no es gratis]

Atom & atom-mecanografiado

Texto sublime

Instalación de la interfaz de línea de comandos

Instala Node.js

Instale el paquete npm globalmente

Puede instalar TypeScript globalmente para tener acceso a él desde cualquier directorio.

npm install -g typescript

o

Instale el paquete npm localmente

Puede instalar TypeScript localmente y guardar en package.json para restringirlo a un directorio.

npm install typescript --save-dev

Canales de instalación

Se puede instalar desde:

  • Canal estable: npm install typescript
  • Canal Beta: npm install typescript@beta
  • Canal de desarrollo: npm install typescript@next

Compilando el código TypeScript

El comando de compilación tsc viene con typescript , que puede usarse para compilar código.

tsc my-code.ts

Esto crea un archivo my-code.js .

Compilar utilizando tsconfig.json

También puede proporcionar opciones de compilación que viajan con su código a través de un archivo tsconfig.json . Para iniciar un nuevo proyecto mecanografiado, cd en el directorio raíz de su proyecto en una ventana de terminal y ejecute tsc --init . Este comando generará un archivo tsconfig.json con opciones de configuración mínimas, similares a las siguientes.

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "pretty": true
    },
    "exclude": [
        "node_modules"
    ]
}

Con un archivo tsconfig.json ubicado en la raíz de su proyecto de TypeScript, puede usar el comando tsc para ejecutar la compilación.