Vue cli, как правильно настроить eslint?

Question

[sergey19940808]

Создал проект с помощью vue cli: vue init webpack vue-example
Как конфигурировать eslint. В файле .editorconfig изменил содержимое на:

root = true

[*]
charset = utf-8
indent_style = tab
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

Но получаю ошибки:

Expected indentation of 2 spaces but found 4 spaces
  src/App.vue:2:1
      <div id="app">
   ^

  ✘  https://google.com/#q=vue%2Fhtml-self-closing  Require self-closing on HTML elements (<div>)
  src/App.vue:2:5
      <div id="app">
       ^

  ✘  https://google.com/#q=vue%2Fhtml-indent        Expected indentation of 2 spaces but found 4 spaces
  src/App.vue:3:1
      </div>
   ^

  ✘  http://eslint.org/docs/rules/indent            Expected indentation of 1 tab but found 4 spaces

Comments

[alex]

а читать не пробовали?

Answer 1

[aloky]

может надо тут менять .eslintrc?

Пример:

{
    "parser": "babel-eslint",
    "extends": "airbnb",
    "plugins": [
        "react",
        "jsx-a11y",
        "import"
    ],
    "rules":{
        "indent": [2, "tab"],
        "no-tabs": 0
    }
}

Comments

[sergey19940808]

ничего не изменилось, попробовал

[aloky]

sergey19940808, Суть ошибки в том, что твой таб имеет 4 пробела, а он ожидает 2 пробела