Soy un aficionado con JS, trabajo con una MacBook Pro Catalina y VSCode. Estoy trabajando para poder ejecutar simulaciones y similares.
Habilité ESLint en VSC (globalmente), luego realicé el proceso descrito en la página web de ESLint. Cuando miro el archivo eslintrc.js, veo que la línea de "reglas" está vacía. Supuse que las reglas de ESLint se enumerarían aquí, pero no hay nada. ¿O tal vez aquí es donde se hace referencia a las reglas estándar opcionales, airBnB o Google? No estoy convencido de que ESLint esté funcionando y es posible que haya pasado por alto algo. ¿Podrías ayudarme por favor? Adjunto, mis archivos .eslintrc.js y package.json. Gracias.
module.exports = { "env": { "browser": true, "es2021": true }, "extends": [ "eslint:recommended", "plugin:react/recommended" ], "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": "latest", "sourceType": "module" }, "plugins": [ "react" ], "rules": { } } { "name": "javascript", "version": "8.1.2", "description": "npm for macos", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "eslint": "^8.8.0", "eslint-plugin-react": "^7.28.0" }, "explorer.sortOrder":"filesFirst" }Las reglas que se aplican para todo su proyecto provienen de uno de dos lugares. Uno de ellos está en la matriz extends , que tienes aquí:
"extends": [ "eslint:recommended", "plugin:react/recommended" ], Esto significa que todas las reglas de eslint:recommended y de plugin:react/recommended se aplicarán en su proyecto.
Esta sección es donde irán los paquetes de configuración de linting adicionales, como Airbnb o Standard o lo que desee.
También está la sección de rules que has notado. Esto es para las reglas que usted mismo define, para su proyecto, generalmente para las cosas que desea aplicar (o ignorar) que los paquetes de configuración que ha importado no hacen como desea. Es posible que desee agregar reglas, por ejemplo:
"rules": { 'padded-blocks': ['error', 'never'] }o es posible que desee deshabilitar las reglas que proporcionan las otras configuraciones que no le gustan:
"rules": { 'comma-dangle': 'off', }o ambos, en cualquier combinación.
Entonces, el objeto de reglas que está vacío (inicialmente) es perfectamente normal: ese es el lugar para colocar las reglas personalizadas que desea que no estén cubiertas por otros paquetes.