¿Qué es un linter?
¿Qué es un linter?
En los ejercicios prácticos de Códica, el código de la solución se verifica no solo con pruebas, sino también con 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. Cada regla individual puede no parecer muy importante, pero 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 saber cómo trabajar con un linter en general, y acostumbrarse a escribir según ciertas reglas no será difícil.
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 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, ingrese su 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
- Sitio web del linter
- Airbnb JavaScript Style Guide
- PHP: PHP_CodeSniffer + PSR12
- https://github.com/squizlabs/PHP_CodeSniffer
- https://github.com/squizlabs/PHP_CodeSniffer/wiki
- Python: flake8 + wemake_python_styleguide
- https://wemake-python-styleguide.readthedocs.io/en/latest/pages/usage/violations/index.html
- HTML: HTMLHint (usamos configuraciones estándar)
- https://htmlhint.com/docs/user-guide/list-rules
- CSS: Stylelint (algunas configuraciones modificadas relacionadas con el orden de las propiedades, de lo contrario, configuración estándar)
- https://stylelint.io/user-guide/rules/list