Ir al contenido principal

¿Qué es un linter?

En los ejercicios de Códica,dica comprobamosno solo revisamos si tu código funciona —también revisamos cómo está escrito. Para eso usamos una herramienta especial que se llama linter

El linter es como un corrector de estilo, pero para el código. Su trabajo es revisar si estás escribiendo el código de laforma soluciónclara, noordenada soloy mediantesiguiendo 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 deciertas reglas.

Estas reglas describenindican lacosas como:

  • cuántos espacios usar para sangría,

    los
  • nombres
  • de

    cómo lasnombrar entidadestus creadas,variables y funciones,

  • dónde poner los paréntesis,ntesis o las operacionescomas,

    matemáticas,
  • la
  • longitud

    qué detan largas pueden ser las líneas yde muchoscódigo,

  • entre otros aspectos. Aunque cada regla individual puede no parecer muy importante, cumplirlas todas es la base de un buen código.detalles.

LaA tareasimple principalvista, delparecen lintercosas espequeñas. hacerPero quecuando ellas sigues todas, tu código sease uniformeve ymucho mejor: más limpio, más fácil de entenderleer y más profesional. Eso ayuda tanto paraa el programadorti como paraa otrascualquier personaspersona que leeránlea eltudigo.digo En diferentes equipos pueden usarse diferentes linters y diferentes conjuntos de reglas, pero lo principal es acostumbrarte a trabajar con un linter.después.

LintersAsí enusamos los ejercicios

Las observaciones delel linter en losCódica ejercicios

Cuando sehaces muestranun ejercicio, el linter revisa tu código automáticamente. Si encuentra algo que no está bien escrito, te lo muestra en la parte inferiorde abajo.

Ahí puedes ver:

  • el nombre del archivo con errores,

  • el número de la pantallalínea endonde la pestaña "Linter". En la captura de pantalla se muestra un ejemplo paraestá el lenguajeproblema,

    JavaScript
  • una breve explicación del error,

  • y el linternombre ESLint, pero información similar está disponible ende la salidaregla deque otrosse linters.rompió.

 

hc_m_0IQj2xIVYlIUrqJE7l0JQybj62KCzm.png

En

¿Qué lahago salidasi delno linter, siempre encontrarás el nombre del archivo enentiendo el queerror?

se

No detectaronte lospreocupes, errores.nos Debajo,pasa habráa unatodos.

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

Copia el nombre de la regla quey se violó.

Para entender un error que no está claro, ingresa tu nombrebúscalo en elGoogle. motor de búsqueda:Normalmente, uno de los primeros enlaces en los resultados será ella sitio webpágina del linter. PorAhí lote general,explican haymejor unaqué descripciónsignifica másese detalladaerror dely error,te así comomuestran ejemplos de códigomo bueno y malo que lo ilustran. Corrige el código para que el linter esté satisfecho 😌😁corregirlo.

SiY nosi entiendestodavía cómotienes corregirdudas, el error, ¡guarda tu soluciónejercicio y haz preguntaspregunta en el canal del curso.curso! AlguienSiempre dehay nuestroalguien del equipo seguramentelisto tepara ayudará.ayudarte

Linters

Estos son los linters que utilizamosusamos en Códica

En Códica usamos diferentes linters según el lenguaje. Cada uno revisa que el código esté bien escrito, ordenado y siguiendo buenas prácticas.

👨‍💻 JavaScript

Usamos ESLint +con las reglas de estilo de Airbnb.
👉 StyleRevisa Guideque el código sea limpio y fácil de leer.

👨‍💻 PHP

PHP_CodeSniffer + PSR12

👨‍💻 Python

Usamos flake8 +con wemake_python_styleguidelas reglas de wemake.
👉 Te señala errores comunes y sugiere buenas prácticas.

👨‍💻 HTML

Usamos HTMLHint (usamoscon configuraciones estándar)ndar.
👉 Detecta etiquetas mal cerradas o mal ubicadas.

👨‍💻 CSS

Usamos Stylelint (algunas configuraciones modificadas relacionadas, con elalgunas ordenreglas depersonalizadas.
👉 lasAsegura propiedades,que detus loestilos contrario, configuracióestén estándar)bien organizados.