Правило ESLint: разрешить пробелы до / после элемента

Я хочу, чтобы ESLint перестал удалять пробелы вокруг элемента, например:

GIF с удалением пробелов

Кажется, я не могу найти правила, чтобы отключить это. Я искал https://eslint.org/docs/rules/ и пробовал разные правила, которые Я думал, что может решить мою проблему, но безуспешно. Я даже не уверен на 100%, это ESLint или мои настройки VS Code.

Мой eslintrc:

      root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    'plugin:prettier/recommended',
    '@vue/prettier'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
    parser: 'babel-eslint'
  }

и мои пользовательские настройки VS Code:

{
  "prettier.eslintIntegration": true,
  "prettier.jsxSingleQuote": true,
  "vetur.validation.template": false,

  "eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    }
  ],
  "eslint.autoFixOnSave": true,
  "editor.formatOnSave": true,
  "vetur.completion.useScaffoldSnippets": false,
  "diffEditor.ignoreTrimWhitespace": false,

Спасибо.


person ohmyzZz    schedule 23.01.2019    source источник


Ответы (1)


В VSCode вы можете добавить файл .editorconfig в корень проекта и добавить следующий код, чтобы vscode не удалял пробелы

[*]

trim_trailing_whitespace = ложь

person mhnpd    schedule 10.02.2019