Iniciar Node.js con TypeScript

En este artículo te contaré cómo iniciar un proyecto de Node.js con TypeScript

29.11.2020 a las 19:03

Iniciar Node.js con TypeScript

Crear proyecto con TypeScript

Comprobando que tenemos todo lo necesario

  1. Necesitaremos NodeJS.

    ¿Cómo sabemos que tenemos NodeJS instalado? Escribe en una terminal:

    node -v

    Si no lo tienes instalado, instálalo de aquí.

    Al instalar NodeJS se te instalará también npm (node package managment), lo puedes comprobar escribiendo:

    npm -v
  2. Comprueba si ya tienes instalado TypeScript de forma global, para ello:

    tsc -v

    Si la terminal te dice que no reconoce el comando tsc, entonces, instalamos TypeScript de forma global, para ello:

    npm i typescript -g
  3. Instala de forma global el ts-node. Ts-node es un paquete de dependencia de desarrollo que se encargará de ir transpilando nuestro código de TypeScript para que no tengamos que manualmente transpilar y levantar Node

    npm i ts-node -g

Creando nuestro proyecto

  1. Primero creamos un directorio llamado NodeTs

    mkdir NodeTs

    Navegamos a él

    cd NodeTs
  2. Inicializamos un proyecto de npm, para ello

    npm init -y

    Nos generará un archivo llamado package.json con el siguiente contenido

      {
          "name": "typescript-node01",
          "version": "1.0.0",
          "description": "Nuestro primer proyecto en NodeJS con Typescript",
          "main": "index.js",
          "scripts": 
            {
              "test": "echo "Error: no test specified" && exit 1"
            },
          "keywords": [],
          "author": "",
          "license": "ISC"
      }
      
  3. Inicializamos el proyecto de Typescript con:

    tsc --init

    Al inicializar el proyecto de TypeScript generará un fichero tsconfig.json. Modifícalo para que se parezca a:

      {
        "compilerOptions": 
        {
            "target": "es6",
            "module": "commonjs",
            "outDir": "./dist",
            "strict": true,
            "esModuleInterop": true
        }
      }
      

    Si te fijas, le hemos dicho que la carpeta de salida para los compilados sea dist, así que la creamos con:

    mkdir dist
  4. Creamos un directorio src

    mkdir src

    Dentro del directorio src un fichero llamado index.ts

  5. En el fichero index.ts escribe console.log("Node JS y Typescript on fire!!!");

  6. Para correr el código de TypeScript

    ts-node ./src/index.ts
  7. Los fichero se compilan en una carpeta llamada dist en la carpeta src. Todo es configurable en el archivo tsconfig.json

    Para que Node.js ejecute el fichero compilado:

    node dist/index.js

Servicios

Software

IoT

Digitalización

Aplicaciones móviles

Consultoría

fjmduran.com v0.1.2