Migrar de TSLINT a ESLINT en Angular

En este artículo te explicaré cómo migrar de TSLINT a ESLINT en Angular con sólo 3 comandos

¿Qués es ESLINT?

ESLint es una herramienta de análisis de código estático para identificar patrones problemáticos encontrados en el código JavaScript.

Puedes definir tus propias reglas y además las reglas por defecto son configurables.


El proyecto de TSLINT se encuentra sin soporte desde diciembre del pasado año, así que ya es hora de migrar a ESLINT


La migración la realizaremos con el siguiente repositorio facilintándonos enormemente la tarea.

Vamos a lío

  1. Instalar dependencias necesarias

    Ejecutar el comando del schematics

    Cuando finalice el comando anterior, veremos que se han añadido 9 nuevas dependencias, por supuesto, sólo para desarrollo.

    Las dependencias nuevas en mi caso son:

  2. Migrar el proyecto

    A continuación, migraremos el proyecto que necesitemos.

    Si no sabes cúal es el nombre de tu proyecto, lo puedes encontrar en el fichero angular.json, concretamente el primer campo del objeto proyects

    En el siguiente ejemplo de archivo angular.json, el nombre del proyecto es angularUniversal


    Al ejecutar el comando para la migración, nos creará un nuevo fichero .eslintrc.json y actualizará en angular.json

    En el fichero .eslintrc.json es dónde podremos configurar las reglas por defecto y añadir las nuestras.

  3. Ejecutar ESLINT

    Para comprobar el funcionamiento de ESLINT, se lo podemos pasar a nuestro proyecto a ver si encuentra alguna recomendación.

    El comando es:


    Te recomiendo usar el flag fix para que repare los pequeños errores como por ejemplo, tabulación, faltan ;, espacios...

  4. Eliminar el fichero tslint.json

    Poco más que añadir.


Saludos,

Servicios

Software

IoT

Digitalización

Aplicaciones móviles

Consultoría