如何禁用ESLint/Prettier中代码与注释间的多余空格警告？

你的问题属于ESLint与Prettier集成场景下的格式规则冲突，以下是具体解决步骤：

方案1：针对性禁用ESLint规则 #

如果警告来自ESLint的no-multi-spaces规则（默认禁止代码后出现多个空格，包括行尾注释前），可在ESLint配置文件（如.eslintrc.json/.eslintrc.js）中调整规则：

{
  "rules": {
    "no-multi-spaces": ["error", { "ignoreEOLComments": true }]
  }
}

该配置会允许行尾注释前存在多个空格，直接消除对应警告。如果是其他规则（比如spaced-comment）导致的问题，可直接禁用：

{
  "rules": {
    "spaced-comment": "off"
  }
}

方案2：让Prettier接管所有格式规则（推荐） #

既然已经使用Prettier，更合理的方式是让它统一处理代码格式，同时禁用所有与Prettier冲突的ESLint规则：

1. 安装依赖：

npm install eslint-config-prettier --save-dev

2. 在ESLint配置文件中，将prettier添加到extends数组末尾：

{
  "extends": [
    // 你的其他扩展（如@typescript-eslint/recommended）
    "prettier"
  ]
}

此操作会自动关闭所有与Prettier格式化逻辑冲突的ESLint规则，格式问题完全交给Prettier处理，从根源避免这类警告。

方案3：调整Prettier配置统一格式 #

如果希望Prettier强制规范代码与注释间的空格数量，可在.prettierrc.yaml中添加配置：

singleQuote: true
semi: true
printWidth: 100
trailingComma: none
endOfLine: auto
# 强制行尾注释前仅保留一个空格
spaceBeforeComment: true

然后运行格式化命令统一代码：

npx prettier --write .

格式化完成后，ESLint的格式警告会自动消失。

内容的提问来源于stack exchange，提问作者omega