Configurar proyecto de Node con TypeScript

pasos-node-typescript.md

Pasos para usar Node con TypeScript con Nodemon

Más información - Docs Oficiales

1. Instalar TypeScript y tipos de Node, como dependencia de desarrollo

npm i -D typescript @types/node

2. Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)

npx tsc --init --outDir dist/ --rootDir src

3. Opcional - Para traspilar el código, se puede usar este comando

npx tsc
npx tsc --watch

4. Configurar Nodemon y Node-TS

npm install -D ts-node nodemon

5. Crear archivo de configuración de Nodemon - nodemon.json

{
  "watch": ["src"],
  "ext": ".ts,.js",
  "ignore": [],
  "exec": "npx ts-node ./src/app.ts"
}

6. Crear script para correr en desarrollo en el package.json

  "dev": "nodemon"
  "dev": "npx nodemon" // En caso de no querer instalar nodemon

7. Instalar rimraf (Herramienta que funciona similar al rm -f) eliminar directorio

npm install -D rimraf

8. Crear scripts en el package.json para construir e iniciar en producción

   "build": "rimraf ./dist && tsc",
   "start": "npm run build && node dist/app.js"

simplificado.md

Node con TypeScript - Recomendado

1. Instalar TypeScript y demás dependencias

npm i -D typescript @types/node ts-node nodemon rimraf

2. Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)

npx tsc --init --outDir dist/ --rootDir src

3. Crear archivo de configuración Nodemon - nodemon.json

{
  "watch": ["src"],
  "ext": ".ts,.js",
  "ignore": [],
  "exec": "npx ts-node ./src/app.ts"
}

4. Crear scripts para dev, build y start

  "dev": "nodemon",
  "build": "rimraf ./dist && tsc",
  "start": "npm run build && node dist/app.js"

Fernando, y que tal tsx, funciona genial, me lo encuentro más rápido que ts-node y permito el uso de ESNext.

Hola! Al día de hoy node tiene su --watch, esto puede reemplazar a nodemon?

Que buena guía!

Eres el mejor FH, también funciona en Arch Linux, saludos :)

Buenísimo! muchas gracias Fernando

Excelente maestro

Les dejo por aquí el array de objeto de los héroes ya creados:

const heroes = [
{
id: 1,
name: 'Ironman',
owner: 'Marvel',
},
{
id: 2,
name: 'Spiderman',
owner: 'Marvel',
},
{
id: 3,
name: 'Batman',
owner: 'DC',
},
];

la opción simplificada de la configuración de typescript esta genial

Les dejo por aquí el array de objeto de los héroes ya creados:

const heroes = [ { id: 1, name: 'Ironman', owner: 'Marvel', }, { id: 2, name: 'Spiderman', owner: 'Marvel', }, { id: 3, name: 'Batman', owner: 'DC', }, ];

Gracias hermano