Cómo configurar un proyecto TypeScript + Node.js

Esta breve guía lo guiará a través de la configuración de TypeScript con proyectos nuevos (¡o existentes!) de Node.js.

requisitos previos:

• Debería estar algo familiarizado con Node y JavaScript
• Debe tener un editor de código instalado (preferiblemente VSCode)
• Esta guía asume que estás en Linux, MacOS u otro sistema operativo similar a UNIX.
• Esta guía también asume que está usando npm como su administrador de paquetes (siéntase libre de usar yarn, pnpm o su administrador de paquetes preferido en su lugar)

• Esto le mostrará cómo comenzar rápidamente con TypeScript
• Esta guía también le mostrará cómo utilizar paquetes populares como nodemon para admitir la recarga en caliente de sus aplicaciones.

• TypeScript es un superconjunto de JavaScript que nos proporciona escritura estática opcional. Fue construido por Microsoft y podría decirse que es lo único bueno que han lanzado desde VS Code (es broma )
• Sirve como documentación y reduce los gastos generales de incorporación y, por lo tanto, mejora la experiencia del desarrollador.
• Nos permite identificar errores/problemas rápidamente, aumentando así la calidad general del software
• Lea el manual de TypeScript para obtener más detalles.

1. Cree un directorio y vaya a su carpeta recién creada

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Crea tu tsconfig.json

npx tsc --init

6. Compile su código usando el comando tsc usando el ejecutor de paquetes de Node (npx) .

npx tsc

Mejorar su experiencia de desarrollador local

1. Recarga en caliente: esto mejorará en gran medida su dev ex, ya que permitirá que su aplicación se recargue en caliente en los cambios en vivo. Podemos configurar esto a través de Nodemon en nuestras aplicaciones Node.js.

npm install --save-dev ts-node nodemon

Lo anterior debería ser suficiente para configurar rápidamente un proyecto TypeScript + Node localmente. Puede mejorar esto aún más:

• Use un linter: use algo como ESLint . Esta es una herramienta de análisis de código estático que nos permite establecer un estándar en nuestro código. Podemos usar esto para hacer cumplir los estándares y patrones de codificación para nuestra base de código.
• Introducir herramientas de eliminación profunda: Rimraf para eliminar archivos no deseados antes de pasar a producción
• Agregue un paquete de módulos estáticos: use webpack (o turbopack). Esto probablemente será excesivo para un proyecto pequeño, pero a medida que su aplicación se amplíe, necesitará un mecanismo para administrar todo su JS/TS .
• Automatización: ¿cómo puede automatizar lo anterior para su empresa?