Ir al contenido principal

¿Qué es un linter?

En los ejercicios de dica, comprobamos el digo de la soluciósolución no solo mediante pruebas, sino tambiétambién utilizando un linter.


Un linter es un programa que revisa el digo en busca de cumplimiento con estáestándares segúsegún un conjunto especíespecífico de reglas.

Estas reglas describen la sangrísangría, los nombres de las entidades creadas, los paréparéntesis, las operaciones matemámatemáticas, la longitud de las neas y muchos otros aspectos. Aunque cada regla individual puede no parecer muy importante, cumplirlas todas es la base de un buen digo.

La tarea principal del linter es hacer que el digo sea uniforme y cil de entender tanto para el programador como para otras personas que leeráleerán el digo. En diferentes equipos pueden usarse diferentes linters y diferentes conjuntos de reglas, pero lo principal es acostumbrarte a trabajar con un linter.

Linters en los ejercicios

Las observaciones del linter en los ejercicios se muestran en la parte inferior de la pantalla en la pestañpestaña "Linter". En la captura de pantalla se muestra un ejemplo para el lenguaje JavaScript y el linter ESLint, pero informacióinformación similar estáestá disponible en la salida de otros linters.

hc_m_0IQj2xIVYlIUrqJE7l0JQybj62KCzm.png

En la salida del linter, siempre encontraráencontrarás el nombre del archivo en el que se detectaron los errores. Debajo, habráhabrá una lista de errores con el mero de nea en el archivo y el mero de carácarácter en ella, una breve descripciódescripción y el nombre de la regla que se violóvioló.

Para entender un error que no estáestá claro, ingresa tu nombre en el motor de squeda: uno de los primeros enlaces en los resultados seráserá el sitio web del linter. Por lo general, hay una descripciódescripción s detallada del error, asíasí como ejemplos de digo bueno y malo que lo ilustran. Corrige el digo para que el linter estéesté satisfecho 😌😁

Si no entiendes mo corregir el error, guarda tu soluciósolución y haz preguntas en el canal del curso. Alguien de nuestro equipo seguramente te ayudaráayudará.

Linters que utilizamos en dica

👨💻 JavaScript

ESLint + Airbnb Style Guide

👨💻 PHP

PHP_CodeSniffer + PSR12

👨💻 Python

flake8 + wemake_python_styleguide

👨💻 HTML

HTMLHint (usamos configuraciones estáestándar)

👨💻 CSS

Stylelint (algunas configuraciones modificadas relacionadas con el orden de las propiedades, de lo contrario, configuracióconfiguración estáestándar)