如何解决Node.js项目中Prettier与ESLint的冲突问题

你的配置存在几个核心冲突点，按以下步骤调整即可解决：

1. 移除ESLint中重复的格式规则 #

你在ESLint的rules里手动定义了quotes和semi规则，但这些格式要求已经在Prettier配置中设置，且prettier/prettier规则已将Prettier的格式标准作为ESLint错误检查项，重复定义会导致规则冲突，直接删掉这两条规则即可。

2. 优化ESLint的extends配置 #

改用plugin:prettier/recommended替代手动配置prettier插件和规则，这个预设会自动完成三件事：启用eslint-plugin-prettier、将prettier/prettier设为error级别、禁用所有与Prettier冲突的ESLint内置规则，比手动配置更可靠。另外，Node.js项目需添加node: true环境，避免全局变量报错。

3. 统一格式配置项 #

你的Prettier设置tabWidth: 1，但standard规范默认使用2空格缩进，这是主要冲突来源之一。建议将Prettier的tabWidth改成2对齐standard规范，减少自定义维护成本。

修改后的配置文件 #

.eslintrc.js

module.exports = {
  env: {
    browser: true,
    commonjs: true,
    es2021: true,
    node: true, // 添加Node.js环境支持
  },
  extends: ['standard', 'plugin:prettier/recommended'],
  overrides: [],
  parserOptions: {
    ecmaVersion: 'latest',
  },
};

.prettierrc.js

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2, // 对齐standard规范的缩进设置
  semi: true,
  singleQuote: true,
};

4. 安装必要依赖（若未安装） #

确保所有相关包已安装：

npm install eslint eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promise eslint-plugin-prettier eslint-config-prettier prettier --save-dev

5. 批量修复现有错误 #

运行以下命令自动修复所有可格式化的错误：

npx eslint . --fix
npx prettier . --write

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