ESLint规则：元素前/后允许空格

Question

我希望ESLint停止删除元素周围的空格，如下所示：

我似乎找不到任何禁用此功能的规则。我搜索了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,

谢谢。

Answer 1

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

  

[*]

     

trim_trailing_whitespace =假