¿Cómo configurar un proyecto TypeScript moderno con Deno?

Introducción

Configurar un proyecto moderno en TypeScript con Deno permitirá aprovechar un entorno de desarrollo optimizado, seguro y compatible con los estándares más recientes, como ES2024. Este artículo mostrará cómo realizar esta configuración tanto en Visual Studio Code como en JetBrains Rider, destacando buenas prácticas, incluyendo testing con TypeScript, y proporcionando ejemplos prácticos de código.

Prerrequisitos

Instalar Deno desde https://deno.land:

  curl -fsSL https://deno.land/x/install/install.sh | sh

Tener instalado Visual Studio Code o JetBrains Rider.
Conocer los fundamentos de TypeScript.

Crear la configuración del proyecto

1. Crear un directorio base

Crear un directorio para el proyecto:

mkdir modern-typescript-deno
cd modern-typescript-deno

2. Configurar el archivo deno.json

Crear un archivo deno.json con configuraciones básicas para ES2024 y definir tareas útiles:

{
  "compilerOptions": {
    "target": "ES2024",
    "strict": true,
    "lib": ["deno.ns", "deno.unstable"]
  },
  "tasks": {
    "start": "deno run --allow-net --allow-read src/index.ts",
    "test": "deno test"
  },
  "importMap": "./import_map.json"
}

Esto permite:

Establecer ES2024 como objetivo del compilador.
Definir tareas como start y test.
Utilizar un archivo import_map.json para gestionar rutas.

Configuración en Visual Studio Code

Instalar la extensión de Deno

Abrir Visual Studio Code.
Buscar e instalar la extensión Deno desarrollada por Justjavac.

Configurar Deno en el entorno

Crear un archivo .vscode/settings.json para habilitar Deno:

{
  "deno.enable": true,
  "deno.unstable": true,
  "editor.defaultFormatter": "denoland.vscode-deno",
  "[typescript]": {
    "editor.defaultFormatter": "denoland.vscode-deno"
  }
}

Configuración en JetBrains Rider

Instalar el plugin de Deno

Abrir JetBrains Rider e ir a File > Settings > Plugins.
Busca e instala el plugin llamado Deno.

Configurar Deno en el proyecto

Ir a File > Settings > Languages & Frameworks > Deno.
Activar la opción Enable Deno for this project.
Especificar la ruta al binario de Deno (se puede encontrar con which deno en Linux/macOS o where deno en Windows).

Crear una configuración de ejecución

Ir a Run > Edit Configurations.
Crear una nueva configuración del tipo Deno:

Nombre: Run Deno Server.
Archivo: src/index.ts.
Argumentos: –allow-net.

Guardar la configuración y hacer clic en Run para ejecutar el servidor.

Conclusión

Configurar un proyecto TypeScript moderno con Deno utilizando ES2024 ofrece un entorno potente y seguro. Tanto Visual Studio Code como JetBrains Rider proporcionan herramientas avanzadas para aprovechar las capacidades de Deno al máximo. Implementar estas configuraciones, buenas prácticas y pruebas garantiza un desarrollo eficiente y confiable.