Como utilizar TypeScript en Node JS – Parte 2

3 minuto(s)

En esta página:

En la parte anterior de este tutorial llamada Como utilizar TypeScript en Node JS – Parte 1, creamos un nuevo proyecto en Node JS, asimismo iniciamos la configuración e integración de TypeScript en Node JS, creamos un archivo de configuración indispensable para este proyecto, ahora en esta segunda parte veamos que mas debemos configurar y hacer para poder usar TypeScript en Node JS, vamos con ello.

Partes

Parte 1
Parte 2
Parte 3 (Final)

Antes de continuar con este Post, te invito a leer los siguientes artículos:

Asimismo te invito a escuchar el Podcast: “Si No Tienes Experiencia Para Un Puesto De Trabajo, Créala !”:

Spotify	SoundCloud

Bien ahora continuemos con el Post: Como utilizar TypeScript en Node JS – Parte 2.

Configuración del Linter (TSLint)

Ahora pasaremos a configurar el Linting TypeScript, en la Parte 1 de este tutorial, instalamos algunos paquetes para poder trabajar con TypeScript, luego de instalar estos paquetes se nos crea un directorio llamado node_modules en el directorio principal de nuestro proyecto.


/como_usar_typescript_en_nodejs 
  ├── /node_modules // Este directorio o carpeta 
  ├── package.json
  ├── package-lock.json 
  ├── tsconfig.json

/como_usar_typescript_en_nodejs

├── /node_modules // Este directorio o carpeta

├── package.json

├── package-lock.json

├── tsconfig.json

En la Parte 1 de este tutorial instalamos la dependencia TSLint la cual voy a usar ahora, comenzaré ejecutando el siguiente comando para generar un archivo tslint.json


# Mediante este comando generamos un archivo llamado 'tslint.json' 
./node_modules/.bin/tslint --init

# Mediante este comando generamos un archivo llamado 'tslint.json'

./node_modules/.bin/tslint --init

Entonces si voy al directorio principal de mi proyecto, se ha creado un archivo llamado tslint.json


/como_usar_typescript_en_nodejs 
  ├── /node_modules 
  ├── package.json
  ├── package-lock.json 
  ├── tsconfig.json 
  ├── tslint.json // Se ha creado este Archivo

/como_usar_typescript_en_nodejs

├── /node_modules

├── package.json

├── package-lock.json

├── tsconfig.json

├── tslint.json // Se ha creado este Archivo

Abrimos el archivo tslint.json y podemos ver que contiene la siguiente estructura JSON


{
    "defaultSeverity": "error",
    "extends": [
        "tslint:recommended"
    ],
    "jsRules": {},
    "rules": {},
    "rulesDirectory": []
}

{

"defaultSeverity": "error",

"extends": [

"tslint:recommended"

"jsRules": {},

"rules": {},

"rulesDirectory": []

}

Le agrego la regla no-console con el valor false.


{
    "defaultSeverity": "error",
    "extends": [
        "tslint:recommended"
    ],
    "rules": {
    	"no-console": false // Agrego esta Regla 
    },
    "jsRules": {},
    "rules": {},
    "rulesDirectory": []
}

{

"defaultSeverity": "error",

"extends": [

"tslint:recommended"

"rules": {

"no-console": false // Agrego esta Regla

"jsRules": {},

"rules": {},

"rulesDirectory": []

}

Por defecto el linter de TypeScript trabaja con no-console y el valor true, entonces con esta regla le decimos al linter que deshabilite la regla predeterminada no-console con el valor true.

Archivo Package.json

Cuando creamos el proyecto con Node JS, se nos generó un archivo llamado package.json


/como_usar_typescript_en_nodejs 
  ├── /node_modules 
  ├── package.json // Abro este Archivo 
  ├── package-lock.json 
  ├── tsconfig.json 
  ├── tslint.json

/como_usar_typescript_en_nodejs

├── /node_modules

├── package.json // Abro este Archivo

├── package-lock.json

├── tsconfig.json

├── tslint.json

Abro el archivo package.json y dentro de main agrego la ruta del directorio dist/app.js, asimismo dentro de start agrego un comando, cuando el comando sea ejecutado, el comando tsc se ejecuta primero, luego se ejecuta el comando node.


{
  "name": "typescript_nodejs",
  "version": "1.0.0",
  "description": "Como utilizar TypeScript en Node JS",
  "main": "dis/app.js",
  "scripts": {
    "start": "tsc && node dist/app.js", // Creo este comando 
    "test": "echo \"Error: no test specified\" && exit 1" 
  },
  "author": "Nube Colectiva",
  "license": "ISC",
  "keywords": [],
  "dependencies": {
    "@types/express": "^4.17.7",
    "express": "^4.17.1",
    "tslint": "^6.1.3",
    "typescript": "^3.9.7"
  }
}

{

"name": "typescript_nodejs",

"version": "1.0.0",

"description": "Como utilizar TypeScript en Node JS",

"main": "dis/app.js",

"scripts": {

"start": "tsc && node dist/app.js", // Creo este comando

"test": "echo \"Error: no test specified\" && exit 1"

"author": "Nube Colectiva",

"license": "ISC",

"keywords": [],

"dependencies": {

"@types/express": "^4.17.7",

"express": "^4.17.1",

"tslint": "^6.1.3",

"typescript": "^3.9.7"

}

En este punto si ejecuto el comando start, Node JS compilará y transpilará el código TypeScript y posteriormente ejecutará el .js resultante.

Bien hasta aquí esta segunda parte en donde hemos configurado el Linter de TypeScript, asimismo realizamos unos cambios en el archivo package.json

Ten Paciencia, lo que quiero es que entiendas todo el proceso para Crear este Proyecto y no llenarte el capitulo de mucho contenido porque te puedes marear y no tendrás un óptimo aprendizaje.

Nota (s)

En el siguiente capitulo crearemos y configuraremos un servidor con Node JS y TypeScript para verificar que ambos funcionan correctamente.
Los pasos y el código compartido en este capitulo del tutorial pueden cambiar, quedar obsoleto o continuar, esto no depende de nosotros, si no de la empresa que dan soporte a Node JS y TypeScript, que suelen cambiar sus códigos y pasos de configuración en futuras versiones.
No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.