¿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 -
decómo
lasnombrarentidadestuscreadas,variables y funciones, -
dónde poner los paré
ntesis,ntesis o lasoperacionescomas,matemáticas, -
longitudqué
detan largas pueden ser las líneasydemuchoscó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 eltu código.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íneaendondela pestaña "Linter". En la captura de pantalla se muestra un ejemplo paraestá ellenguajeproblema,JavaScript -
una breve explicación del error,
-
y el
linternombreESLint, pero información similar está disponible ende lasalidaregladequeotrosselinters.rompió.
En
¿Qué lahago salidasi delno linter, siempre encontrarás el nombre del archivo enentiendo el queerror?
No detectaronte lospreocupes, errores.nos Debajo,pasa habráa unatodos.
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
LintersEstos 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.