Visual studio code ESLint规则:允许在元素之前/之后使用空格

Visual studio code ESLint规则:允许在元素之前/之后使用空格,visual-studio-code,eslint,vscode-settings,prettier,eslintrc,Visual Studio Code,Eslint,Vscode Settings,Prettier,Eslintrc,我希望ESLint停止删除元素周围的空白,如下所示: 我似乎找不到任何规则来禁用它。我搜索并尝试了不同的规则,我认为这些规则可能会解决我的问题,但没有成功。我甚至不能100%确定是ESLint还是我的VS代码设置 我的ESLintr: root: true, env: { node: true }, extends: [ 'plugin:vue/essential', 'plugin:prettier/recommended', '@vu

我希望ESLint停止删除元素周围的空白,如下所示:

我似乎找不到任何规则来禁用它。我搜索并尝试了不同的规则,我认为这些规则可能会解决我的问题,但没有成功。我甚至不能100%确定是ESLint还是我的VS代码设置

我的ESLintr:

      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代码用户设置:

{
  "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,

多谢各位

在VSCode中,您可以在项目根目录下添加.editorconfig文件,并添加以下代码,以便VSCode不会删除空白

[*]

trim_training_whitespace=false