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

Posted 2023-02-22

【中文标题】ESLint 规则：在元素之前/之后允许空格

【英文标题】：ESLint rule: Allow whitespace before/after element

【发布时间】：2019-06-17 08:55:18

【问题描述】：

我希望 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,

谢谢。

【参考方案1】：

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

[*]

trim_trailing_whitespace = 假