VSCode工作区设置自动变更求助：source.fixAll.eslint被改为explicit

我正在使用ESLint、Prettier、Vite开发React项目，已将VSCode工作区设置中的"source.fixAll.eslint"和"source.organizeImports"设为true，但打开VSCode或编码时，它们会自动变为"explicit"，请问可能的原因是什么？

相关配置文件 #

.vscode/settings.json（工作区设置） #

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true, // 自动变为"explicit"
    "source.organizeImports": true // 自动变为"explicit"
  },
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

package.json devDependencies #

"devDependencies": {
  "@testing-library/react": "^14.0.0",
  "@types/jest": "^29.5.6",
  "@types/react": "^18.2.15",
  "@types/react-dom": "^18.2.7",
  "@typescript-eslint/eslint-plugin": "^6.0.0",
  "@typescript-eslint/parser": "^6.0.0",
  "@vitejs/plugin-react": "^4.0.3",
  "eslint": "^8.45.0",
  "eslint-plugin-prettier": "^5.0.1",
  "eslint-plugin-react": "^7.33.2",
  "eslint-plugin-react-hooks": "^4.6.0",
  "eslint-plugin-react-refresh": "^0.4.3",
  "husky": "^8.0.3",
  "jest": "^29.7.0",
  "jest-environment-jsdom": "^29.7.0",
  "lint-staged": "^15.0.2",
  "msw": "^1.3.2",
  "prettier": "^3.0.3",
  "ts-jest": "^29.1.1",
  "typescript": "^5.0.2",
  "vite": "^4.4.5",
  "vite-tsconfig-paths": "^4.2.1"
},

.eslintrc.cjs #

module.exports = {
  root: true,
  env: { browser: true, es2020: true },
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react-hooks/recommended",
  ],
  ignorePatterns: ["dist", ".eslintrc.cjs"],
  parser: "@typescript-eslint/parser",
  plugins: ["react-refresh", "eslint-plugin-react", "prettier"],
  rules: {
    "react-refresh/only-export-components": [
      "warn",
      { allowConstantExport: true },
    ],
    "react/self-closing-comp": [
      "error",
      {
        component: true,
        html: true,
      },
    ],
    "prettier/prettier": "error",
    "no-console": "error",
  },
};

.prettierrc.json #

{
  "singleQuote": false,
  "quoteProps": "consistent",
  "printWidth": 80,
  "tabWidth": 2,
  "bracketSameLine": true,
  "bracketSpacing": true,
  "arrowParens": "always",
  "trailingComma": "es5",
  "semi": true,
  "endOfLine": "auto",
  "eslintIntegration": false
}

可能的原因 #

• VSCode配置格式迭代：较新版本的VSCode对editor.codeActionsOnSave的配置做了调整，原本的布尔值true会被自动转换为"explicit"，这是官方为了更精细控制代码动作执行优先级的设计，属于正常的格式变更。
• 插件兼容性问题：ESLint或TypeScript插件版本与当前VSCode不匹配，插件在后台运行时会自动修改设置值以保证功能正常。
• 全局与工作区设置冲突：用户全局设置中的editor.codeActionsOnSave相关配置可能覆盖了工作区设置，VSCode在同步或应用设置时会自动合并并调整值。
• 多插件协同冲突：Prettier、ESLint、TypeScript等插件的功能存在重叠，VSCode会自动调整设置来避免格式化或代码修复动作的冲突。

解决建议 #

• 直接将设置值改为"explicit"：手动把true替换为"explicit"，功能上和原设置等价，还能避免VSCode自动改写。
• 更新VSCode及相关插件：将VSCode、ESLint插件、Prettier插件升级到最新版本，修复已知的兼容性问题。
• 检查用户全局设置：打开用户设置，搜索codeActionsOnSave，移除或调整可能与工作区设置冲突的项。
• 排查可疑插件：临时禁用非必要的代码相关插件，逐一排查是否有插件在后台修改设置。

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