¿Qué es un linter?
En los ejercicios de Códica, comprobamos el código de la solución no solo mediante pruebas, sino también utilizando un linter.
Un linter es un programa que revisa el código en busca de cumplimiento con estándares según un conjunto específico de reglas.
Estas reglas describen la sangría, los nombres de las entidades creadas, los paréntesis, las operaciones matemáticas, la longitud de las líneas y muchos otros aspectos. Aunque cada regla individual puede no parecer muy importante, cumplirlas todas es la base de un buen código.
La tarea principal del linter es hacer que el código sea uniforme y fácil de entender tanto para el programador como para otras personas que leerán el 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ña "Linter". En la captura de pantalla se muestra un ejemplo para el lenguaje JavaScript y el linter ESLint, pero información similar está disponible en la salida de otros linters.
En la salida del linter, siempre encontrarás el nombre del archivo en el que se detectaron los errores. Debajo, habrá una lista de errores con el número de línea en el archivo y el número de carácter en ella, una breve descripción y el nombre de la regla que se violó.
Para entender un error que no está claro, ingresa tu nombre en el motor de búsqueda: uno de los primeros enlaces en los resultados será el sitio web del linter. Por lo general, hay una descripción más detallada del error, así como ejemplos de código bueno y malo que lo ilustran. Corrige el código para que el linter esté satisfecho 😌😁
Si no entiendes cómo corregir el error, guarda tu solución y haz preguntas en el canal del curso. Alguien de nuestro equipo seguramente te ayudará.
Linters que utilizamos en Códica
👨💻 JavaScript
ESLint + Airbnb Style Guide
👨💻 PHP
PHP_CodeSniffer + PSR12
👨💻 Python
flake8 + wemake_python_styleguide
👨💻 HTML
HTMLHint (usamos configuraciones estándar)
👨💻 CSS
Stylelint (algunas configuraciones modificadas relacionadas con el orden de las propiedades, de lo contrario, configuración estándar)
Sin Comentarios