vscode中prettier与eslint协同需：一、安装二者插件并禁用冲突格式化工具；二、安装eslint-config-prettier等依赖，配置.eslintrc.js末尾添加'prettier'；三、在.vscode/settings.json中为各语言指定prettier为默认格式化器并启用codeactionsonsave；四、可选eslint驱动式格式化，将prettier/prettier设为error规则；五、补充.editorconfig统一基础编辑行为。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在VSCode中配置Qoder（应为VSCode笔误，实指Visual Studio Code）自动格式化时，发现Prettier与ESLint行为冲突、保存后未触发格式化、或代码样式与质量规则互相覆盖，则可能是由于插件优先级混乱、配置文件缺失或协同机制未启用。以下是实现二者稳定协同的多种配置路径：
一、安装核心插件并清理干扰源
确保VSCode仅通过官方插件链执行格式化与校验，避免第三方格式化工具（如Beautify、JavaScript Standard Style）劫持保存事件或覆盖输出结果。
1、打开VSCode扩展面板（Ctrl+Shift+X 或 Cmd+Shift+X），搜索并安装以下两个插件：Prettier - Code formatter（作者：esbenp） 与 ESLint（作者：dbaeumer）。
2、在已启用扩展列表中，逐个检查名称含“beautify”“format”“style”等关键词的插件，对其执行右键→Disable操作。
3、进入设置界面（Ctrl+, 或 Cmd+,），搜索Format On Save，确认该选项已勾选；同时搜索Default Formatter，将其值设为esbenp.prettier-vscode。
二、项目级依赖安装与规则解耦
通过npm/pnpm本地安装协同依赖包，使ESLint明确知晓Prettier的存在，并自动关闭所有与其重叠的样式类规则，防止重复报错或反向修正。
1、在项目根目录终端执行：pnpm add -D eslint prettier eslint-config-prettier eslint-plugin-prettier（若使用npm则替换为npm install --save-dev）。
2、打开或新建.eslintrc.js，将extends数组末尾添加'prettier'，例如：['eslint:recommended', 'plugin:react/recommended', 'prettier']，确保'prettier'位于最后。
3、在相同目录下创建.prettierrc文件，写入标准JSON配置，如：{"semi": false, "singleQuote": true, "tabWidth": 2, "printWidth": 100}。
三、VSCode工作区精准控制（settings.json方式）
绕过全局设置干扰，以项目级.vscode/settings.json强制声明语言专属格式化行为与修复策略，提升多语言项目兼容性。
1、在项目根目录创建.vscode文件夹，内部新建settings.json文件。
代码编辑 CLI 工具集合：Cursor CLI（agent）和 Qoder CLI（qodercli），用于代码修改、重构、Code Review 及自动化代码任务。
2、写入以下内容，为JavaScript/TypeScript/HTML/Vue分别指定默认格式化器：{"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}, "[typescript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}, "[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}, "[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}}。
3、追加ESLint自动修复指令：{"editor.codeActionsOnSave": {"source.fixAll.eslint": true}}，确保保存时既格式化又修复逻辑问题。
四、ESLint驱动式格式化（推荐高一致性场景）
将Prettier完全纳入ESLint规则体系运行，使所有格式问题均作为ESLint错误暴露，便于统一拦截、统一修复、统一CI检测。
1、修改.eslintrc.js，在extends中使用'plugin:prettier/recommended'替代单独引入'prettier'。
2、在plugins字段中显式添加['prettier']，并在rules中启用'prettier/prettier': 'error'。
3、在.vscode/settings.json中取消editor.defaultFormatter设置，改为启用eslint.format.enable为true，并确保editor.formatOnSave仍为true。
五、EditorConfig统一基础编辑行为
补充跨编辑器基础规范，定义换行符、缩进类型等底层编辑行为，防止团队成员因操作系统或编辑器差异导致意外空格/制表符混用。
1、在项目根目录创建.editorconfig文件。
2、写入标准配置：root = true[*]\nindent_style = space\nindent_size = 2\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true。
3、在VSCode中安装EditorConfig for VS Code插件，确保该文件被识别并生效。
