数组表达式中的 Eslint 缩进错误答案

【问题标题】：Eslint Bad Indentation In Array Expressions数组表达式中的 Eslint 缩进错误
【发布时间】：2017-05-28 11:22:21
【问题描述】：

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

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 一起使用。如何配置它以遵循我上面显示的语法？

【问题讨论】：

标签： javascript eslint prettier

【解决方案1】：

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

至于格式，如果您使用更漂亮：忘记手动格式。该工具的重点是为您处理。有时它可能不适合您的个人品味，但它应该是可预测的和连贯的。 See the rationale behind prettier's creation in the introduction.

【讨论】：