数组表达式中的Eslint Bad Indentation

时间:2017-05-28 11:22:22

标签: javascript eslint prettier

我有一个简单的数组定义,我希望它使用以下语法:

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"
    }]
  }
}

我还将prettiereslint一起使用。如何配置它以遵循我上面显示的语法?

1 个答案:

答案 0 :(得分:0)

我建议你使用eslint-config-prettiereslint-plugin-prettier,如果你要使用更漂亮和更有趣的东西来避免某些风格和更漂亮之间的冲突。

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