ESLint 和 TypeScript 都在 VSCode 中报告重复警告

Question

我设置了一个新的 React TypeScript 项目，然后使用配置提示安装了 ESLint。我指定我的项目使用 React 和 TypeScript。

对于某些样式警告，我从 TypeScript 和 ESLint 收到了重复的警告。我怎样才能使 TypeScript 和 ESLint 警告不重叠？我是否必须手动从 ESLint 中删除一些规则，或者是否有预制的 .eslintrc 配置文件来解决这个问题？

Answer 1

您可以通过禁用 .eslintrc.js（或 .eslintrc.json 等）中的规则来消除 ESLint 警告，如下所示：

..
rules: {
  'no-unused-vars': 'off',
  '@typescript-eslint/no-unused-vars': 'off',
  ..
}
..

但是，我个人更喜欢禁用 TypeScript 警告，因为 ESLint 规则更易于配置。要在 TypeScript 中禁用它，请在 tsconfig.json:

中设置这些编译器选项

..
"compilerOptions": {
  "noUnusedLocals": false,
  "noUnusedParameters": false,
  ..
}
..

例如，现在您可以调整 ESLint 规则，使其不触发以 _ 开头的标识符，方法是将其包含在您的 .eslintrc.js:

中

..
rules: {
  'no-unused-vars': 'off',
  '@typescript-eslint/no-unused-vars':
    ['warn', {argsIgnorePattern: '^_', varsIgnorePattern: '^_'}],
  ..
}

请注意，@typescript-eslint/no-unused-vars docs. For an overview of all the options of @typescript-eslint/no-unused-vars, check the no-unused-vars docs 建议始终禁用基本规则 no-unused-vars，因为选项是相同的。

ESLint 和 TypeScript 都在 VSCode 中报告重复警告

Both ESLint and TypeScript report duplicate warnings in VSCode

typescript

eslint

visual-studio-code