ESLint、Prettier、Stylelint、GitLens、Code Spell Checker、Import Cost 和 Todo Tree 是提升代码质量的常用 VSCode 扩展，分别用于代码检查、格式化、样式校验、Git 增强、拼写检查、依赖体积分析和任务跟踪，搭配使用可显著提高代码规范性与维护性。
提升代码质量的 VSCode 扩展有很多，它们能帮助你自动检查语法、格式化代码、发现潜在错误并提高开发效率。以下是几款实用且广受认可的扩展。
ESLint
ESLint 是 JavaScript 和 TypeScript 项目中最常用的静态代码分析工具。它能实时标记出不符合规范的代码，并支持自动修复部分问题。
- 集成于编辑器中，保存文件时可自动检查并提示错误
- 支持团队统一编码风格（通过 .eslintrc 配置）
- 与 Prettier 协同使用效果更佳
Prettier - Code Formatter
Prettier 是一个代码格式化工具，支持多种语言（JS、TS、CSS、HTML、JSON 等），能统一团队的代码风格。
- 一键格式化整个文件或选中代码块
- 可设置保存时自动格式化（通过 setting.json 配置）
- 减少因格式差异引起的代码评审争议
Stylelint
用于 CSS、SCSS、Less 等样式语言的 lint 工具，防止书写错误和不一致的样式规则。
- 检测无效的 CSS 属性或浏览器兼容性问题
- 支持自定义规则，适配团队规范
- 与 VSCode 深度集成，实时高亮警告
GitLens — Git supercharged
增强 Git 功能，帮助你理解代码变更历史，追踪谁在什么时候修改了哪行代码。
- 内联显示代码提交信息
- 快速查看文件历史和分支对比
- 有助于审查他人代码或排查引入 bug 的版本
Code Spell Checker
检查代码中的拼写错误，尤其对变量名、注释中的英文有帮助。
- 识别常见的命名错误（如 varible 而非 variable）
- 支持自定义词典，添加项目专有名词
- 避免因拼写问题导致沟通误解
Import Cost
显示每个 import 语句引入的模块大小，帮助优化打包体积。
- 在 import 行下方提示包的大小（gzip 后估算）
- 提醒开发者避免引入过大的第三方库
- 适合前端项目性能优化阶段使用
Todo Tree
将代码中的 TODO、FIXME 等标记集中展示，便于跟踪未完成任务。
- 在侧边栏列出所有待办项
- 支持正则匹配自定义标签（如 @review）
- 避免遗漏临时注释中的重要事项
基本上就这些。搭配使用 ESLint + Prettier + GitLens 几乎能满足大多数项目的质量保障需求。根据技术栈选择合适的组合，再配合项目级配置，能让代码更健壮、易维护。
