Estoy tratando de eliminar las importaciones y declaraciones no utilizadas como se responde en este hilo SO para Angular . Estoy tratando de lograr el objetivo usando eslint-plugin-react , pero no encontré ninguna opción para eliminar las importaciones y declaraciones no utilizadas de todo el proyecto, con un solo comando.
Aquí está mi .eslintrc.json
{ "env": { "browser": true, "es2021": true }, "extends": [ "eslint:recommended", "plugin:react/recommended", "plugin:@typescript-eslint/recommended" ], "parser": "@typescript-eslint/parser", "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": 12 }, "plugins": [ "react", "@typescript-eslint", "unused-imports" ], "rules": { "indent": [ "warn", "tab" ], "linebreak-style": [ "warn", "windows" ], "quotes": [ "warn", "double" ], "semi": [ "warn", "always" ], "@typescript-eslint/no-unused-vars": "on", "unused-imports/no-unused-imports-ts": "on" } }¿O hay alguna manera de hacer lo mismo usando las extensiones ESLint o Typescript Hero en VS Code?
Usando unused-imports complemento de importaciones no utilizadas y la regla unused-imports/no-unused-imports-ts , eslint --fix eliminará las import .
Aquí hay un repositorio de ejemplo que --fix elimina los import s no utilizados.
https://github.com/moshfeu/eslint-ts-unused-imports
eslint tiene una opción de corrección integrada.
eslint ... --fix Si rules no contienen variables no-unused-vars , eslint "arreglará" la importación no utilizada eliminándolas (junto con otras correcciones automáticas ).
También puede usar accesos directos en VSCode, si necesita hacerlo rápido y sin esfuerzo adicional:
Option + Shift + O para Mac
Alt + Shift + O para Windows
Use unused-imports/no-unused-imports en lugar de no-unused-vars , como nombre de regla.
Si está utilizando la versión de ESLint, eslint-plugin-unused-imports , es posible que desee cambiar el nombre de la regla a unused-imports/no-unused-imports en lugar de la general no-unused-vars .
{ "rules": { "unused-imports/no-unused-imports": "error" } }Consulte el GitHub del autor para ver el uso detallado.
Para mí, no-unused-var no viene con un auto reparador (simplemente mencionará la cantidad de errores/advertencias, pero cuando cambio a unused-imports/no-unused-imports , todos los problemas se solucionan automáticamente .