如何配置@typescript-eslint规则

Question

我正在尝试转换为@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文件中配置它的任何示例！有人知道怎么做吗？

Answer 1

使用.eslintrc.js配置文件时，您必须将以下内容添加到“规则”部分：

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

我对"@typescript-eslint/explicit-function-return-type“参数很感兴趣。选项来自rules project site on github

感谢maxkoryukov改进了我最初的答案。

Answer 2

下面是来自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
        }
      }
    ]
  }