以下是对 VS Code 中三个常用工具 / 扩展的详细介绍：
1. TypeScript Hero
TypeScript Hero 是一款专为 TypeScript 开发者设计的 VS Code 扩展，主要用于提升代码编写效率，提供了一系列实用功能：
-
自动导入管理：智能检测未导入的模块并自动添加导入语句，同时可以清理未使用的导入
-
代码生成：快速生成类的构造函数、getter/setter 方法等
-
路径别名支持：自动识别 tsconfig 中的路径别名并在导入时使用
-
类型提示增强：优化 TypeScript 的类型提示和自动补全
-
代码导航：提供更便捷的代码跳转和导航功能
安装后，它会自动与 TypeScript 项目集成，通过配置可以自定义各种行为，特别适合大型 TypeScript 项目开发。
2. ESLint
ESLint 是一个可配置的 JavaScript/TypeScript 代码检查工具，主要用于：
-
代码质量检查：检测潜在的错误、未使用的变量、不合理的代码结构等
-
编码规范 enforcement：确保团队遵循一致的编码标准（如缩进、命名约定等）
-
自定义规则：可以根据项目需求配置或编写自定义规则
-
自动修复 ：许多问题可以通过
--fix命令自动修复
在 TypeScript 项目中使用时，需要安装 @typescript-eslint 相关包。配合 VS Code 的 ESLint 扩展，可以实时在编辑器中看到错误提示，并通过配置实现保存时自动修复。
3. Prettier
Prettier 是一个代码格式化工具，专注于代码风格的统一，特点包括：
- ** Opinionated ：有一套默认的格式化规则，减少团队关于代码风格的争论
- 多语言支持 ：支持 JavaScript/TypeScript、CSS、HTML、JSON 等多种语言
- 与编辑器集成 ：在保存时自动格式化代码
- 可配置性 **：虽然强调默认规则，但也提供了一定的配置选项（如单引号 / 双引号、换行符等）
通常建议将 Prettier 与 ESLint 配合使用：用 ESLint 负责代码质量检查，用 Prettier 负责代码格式化。可以通过 eslint-config-prettier 来解决两者可能的规则冲突。
这三个工具结合使用，可以显著提升 TypeScript 项目的开发效率和代码质量，同时保证团队开发时的代码风格一致性。