javascript - 数组表达式中的 Eslint 缩进错误

Question

我有一个简单的数组定义，我希望它采用以下语法：

this.selfClosingHtmlTags = [
  'area', 'base', 'br', 'col', 'command', 'embed', 
  'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 
  'wbr'
]

当我保存文件时，Eslint 每行放一个项目：

this.selfClosingHtmlTags = [
  'area',
  'base',
  'br',
  'col',
  'command',
  'embed',
  'hr',
  'img',
  'input',
  'keygen',
  'link',
  'meta',
  'param',
  'source',
  'track',
  'wbr'
];

这是我当前的 eslint 配置：

{
  "extends": ["fbjs"],
  "rules": {
    "comma-style": ["error", "last"],
    "comma-dangle": ["error", "never"],
    "consistent-return": 0,
    "curly": ["error", "multi-line"],
    "indent": ["error", 2, {
      "CallExpression": {
        "arguments": "first"
      },
      "SwitchCase": 1,
      "ArrayExpression": "first"
    }]
  }
}

我也使用prettier和eslint。我如何配置它以遵循我上面显示的语法？

Answer 1

如果您要同时使用 prettier 和 eslint 来避免某些样式指南和 prettier 之间的冲突，我建议使用eslint-config- prettier和eslint-plugin- prettier。

至于格式，如果您使用更漂亮：忘记手动格式。该工具的重点是为您处理。有时它可能不适合您的个人品味，但它应该是可预测和连贯的。在介绍中查看 prettier 创作背后的基本原理。