Ir al contenido principal

¿Qué es un linter?

En los ejercicios de CóCódica, comprobamos el cócó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 cócó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 lílíneas y muchos otros aspectos. Aunque cada regla individual puede no parecer muy importante, cumplirlas todas es la base de un buen cócódigo.

La tarea principal del linter es hacer que el cócódigo sea uniforme y fáfácil de entender tanto para el programador como para otras personas que leeráleerán el cócó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 núnúmero de lílínea en el archivo y el núnú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 búbúsqueda: uno de los primeros enlaces en los resultados seráserá el sitio web del linter. Por lo general, hay una descripciódescripción mámás detallada del error, asíasí como ejemplos de cócódigo bueno y malo que lo ilustran. Corrige el cócódigo para que el linter estéesté satisfecho 😌😁

Si no entiendes cócó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 CóCó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)