请说明在项目中引入 TypeScript、ESLint 和 Prettier 分别解决了什么问题，它们各自的职责边界是什么？

回答思路

1. 【回答框架 1】TypeScript 是 JavaScript 的超集，通过静态类型系统在编译期捕获类型错误，提高代码的可维护性和可读性，增强 IDE 的智能提示。
2. 【回答框架 2】ESLint 是代码规范检查工具，通过插件化规则扫描代码，发现潜在逻辑问题、不良模式和风格违规，保证团队代码风格一致。
3. 【回答框架 3】Prettier 是代码格式化工具，自动统一代码的排版风格，如缩进、引号、分号等，使代码外观一致，减少因格式差异引发的代码评审噪音。
4. 【回答框架 4】三者职责不同：TypeScript 关注类型正确性，ESLint 关注代码质量和规范，Prettier 关注代码格式，可配合使用，TS 结合 ESLint 规则检查类型相关规范，Prettier 与 ESLint 可集成但需避免规则冲突。
5. 【关键点 1】TypeScript 通过静态类型检查减少运行时类型错误。
6. 【关键点 2】ESLint 检查代码质量和潜在错误，确保编码规范。
7. 【关键点 3】Prettier 自动格式化代码，统一排版风格。
8. 【关键点 4】三者可配合使用，但职责分离，需配置避免规则冲突。
9. 【易错点 1】误认为 TypeScript 能完全替代 ESLint，实际两者侧重点不同。
10. 【易错点 2】混淆 ESLint 和 Prettier 的功能，ESLint 也包含部分格式规则，但 Prettier 更彻底。
11. 【易错点 3】未正确配置可能导致 ESLint 和 Prettier 规则冲突，需要集成配置如 eslint-config-prettier 来关闭冲突规则。