如何配置@ typescript-eslint规则

时间:2019-06-29 09:58:50

标签: typescript eslint typescript-eslint

我正在尝试转换为@typescript-eslint,但似乎非常缺少该文档。例如,我遇到这样的错误:

Line 58:  Expected a semicolon             @typescript-eslint/member-delimiter-style

我不想强制使用分号或逗号。我找到了该规则的文档。 https://github.com/bradzacher/eslint-plugin-typescript/blob/master/docs/rules/member-delimiter-style.md

但是它似乎没有提供任何有关如何在真实的eslint文件中进行配置的示例!有人知道吗?

2 个答案:

答案 0 :(得分:1)

使用.eslintrc.js配置文件,您必须将其添加到“规则”部分:

"rules": {
    "@typescript-eslint/member-delimiter-style": ["error", {
      multiline: {
        delimiter: 'none',
        requireLast: true,
      },
      singleline: {
        delimiter: 'none',
        requireLast: false,
      },
    }]
}

为我工作了“ @ typescript-eslint / explicit-function-return-type”参数。 选项来自rules project site on github

答案 1 :(得分:0)

以下是来自 VueJS Typescript 项目的 .eslintrc.js 文件的一些示例规则。

与分号相关的两种不同规则分别适用于 javascript/.vue 文件和 typescript/.ts 文件。

rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    quotes: [
      'error',
      'single'
    ],
    semi: [
      'error',
      'never'
    ],
    'vue/html-self-closing': [
      'error',
      {
        html: {
          void: 'any',
          normal: 'any',
          component: 'any'
        }
      }
    ],
    '@typescript-eslint/member-delimiter-style': [
      'error',
      {
        multiline: {
          delimiter: 'none',
          requireLast: true
        },
        singleline: {
          delimiter: 'semi',
          requireLast: false
        }
      }
    ]
  }