ESLint показывает ошибку с конфигурацией EditorConfig - PullRequest
Новая
       95

ESLint показывает ошибку с конфигурацией EditorConfig

0 голосов
/ 12 января 2019

Я создал проект Nuxt по умолчанию и выбрал ESLint и Prettier для проекта. Я открыл приложение и нажал комбинацию клавиш для переформатирования кода. Когда я запускаю проект nuxt, ESLint показывает ошибки на странице index.vue для отступов.

Вот код ESLint, EditorConfig и index.vue.

ESLint: 

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: 'babel-eslint'
  },
  extends: [
    'plugin:vue/recommended',
    'plugin:prettier/recommended'
  ],
  // required to lint *.vue files
  plugins: [
    'vue',
    'prettier'
  ],
  // add your custom rules here
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  }
}

EditorConfig: 

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

index.vue: 

<template>
  <section class="container">
    ...
  </section>
</template>

<script>
  import Logo from '~/components/Logo.vue'

  export default {
    components: {
      Logo
    }
  }
</script>

<style>
  .container {
    min-height: 100vh;
    ...
  }
  ...
</style>

Таким образом, ошибки относятся к разделу <script>...</script> и <style>...</style>. Может кто-нибудь подсказать, как заставить ESLint работать с отступом EditorConfig? Если это поможет, я использую Webstorm в качестве IDE.

1 Ответ

0 голосов
/ 12 января 2019

Какие ошибки вы видите именно? Речь идет о смещении кода в <style> и <script> вправо, а не в соответствие с тегами? Это известная проблема, вызванная отсутствием выделенных настроек стиля кода для файлов .vue; он отслеживается на WEB-30382 .

В качестве обходного пути попробуйте добавить script и style записи в Настройки | Редактор | Код Стиль | HTML | Другое, Не делайте отступ для детей из списка

...