如何配置VSCode强制遵循团队代码风格规范？

本文共计822个文字，预计阅读时间需要4分钟。

VSCode 本身不具备自动检测代码风格的功能，它依赖于外部工具如 ESLint、Prettier 和 EditorConfig 来识别和执行代码规范。配置这些工具的生效并非通过简单的开关操作，而是确保这些工具在项目上下文中正确加载，并优先使用用户级别的设置。

ESLint 必须本地安装且配置文件在根目录

VSCode 的 ESLint 插件默认只读取项目本地的 eslint 包和配置文件。全局安装的 ESLint 不会被识别，插件会静默失效。

• 在项目根目录运行 npm install --save-dev eslint（或 yarn add -D eslint）
• 用 npx eslint --init 生成 .eslintrc.cjs（推荐）或 .eslintrc.js，不要手动新建空文件
• 确保 VSCode 当前打开的是**项目根目录文件夹**，而非其子目录——否则插件找不到 node_modules 和配置文件
• 若用 TypeScript，必须额外安装 @typescript-eslint/parser 和 @typescript-eslint/eslint-plugin，并在配置中指定 parser

Prettier 和 ESLint 规则不能共存，必须显式对齐

ESLint 自带部分格式规则（如 quotes、indent），与 Prettier 冲突会导致保存时反复修正、波浪线不消失、甚至格式错乱。