Herramienta que analiza código para detectar errores de estilo, sintaxis y posibles bugs antes de ejecutarlo.
El linting es el análisis estático de código para detectar errores, inconsistencias de estilo y patrones problemáticos antes de ejecutar el código. Beneficios: - Detectar bugs temprano - Mantener consistencia de estilo - Aplicar mejores prácticas - Prevenir code smells - Facilitar code reviews Herramientas: ESLint (JS/TS), Prettier (formato), Stylelint (CSS), Pylint (Python).
// .eslintrc.cjs - Configuración ESLint module.exports = { root: true, extends: [ 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'prettier' // Desactiva reglas que conflicten con Prettier ], parser: '@typescript-eslint/parser', plugins: ['@typescript-eslint', 'react-refresh'], rules: { // Errores 'no-console': 'warn', 'no-unused-vars': 'off', '@typescript-eslint/no-unused-vars': 'error', // Estilo '@typescript-eslint/explicit-function-return-type': 'off', 'react-refresh/only-export-components': 'warn' }, ignorePatterns: ['dist', 'node_modules'] }; // .prettierrc - Formato de código { "semi": true, "singleQuote": true, "tabWidth": 2, "trailingComma": "es5", "printWidth": 100 } // package.json { "scripts": { "lint": "eslint src --ext .ts,.tsx", "lint:fix": "eslint src --ext .ts,.tsx --fix", "format": "prettier --write 'src/**/*.{ts,tsx,css}'" }, "lint-staged": { "*.{ts,tsx}": ["eslint --fix", "prettier --write"] } } # Comandos npm run lint # Verificar errores npm run lint:fix # Auto-corregir npx eslint --init # Configurar ESLint
