VS Code在未编译、未运行TypeScript代码时如何显示类型错误？

VS Code能在不编译、不运行TypeScript代码的情况下实时显示类型错误，核心依赖TypeScript语言服务（TypeScript Language Service）——这是TypeScript编译器（tsc）的一个核心子模块，专门为编辑器提供实时代码分析能力。

具体逻辑可以拆解为这几点：

• 增量式实时分析：语言服务不会等待你触发编译命令，而是在你编辑代码的过程中，只对修改的代码片段做增量解析、类型检查，而非全量扫描整个项目，既能保证速度，又能实时反馈错误。
• AST与类型绑定：它会先将TS代码解析成抽象语法树（AST），再基于TS的类型系统对变量、函数、接口等元素做类型绑定与校验，一旦发现类型不匹配（比如把字符串赋值给数字类型变量）、未定义变量、函数参数不匹配等问题，立刻标记错误。
• 与编辑器的深度集成：语言服务会将检测到的错误信息（位置、错误类型、提示文案）传递给VS Code的编辑器渲染层，最终以红色波浪线、问题面板提示的形式展示给你。
• 版本适配：VS Code默认自带一个TypeScript版本，同时也会优先读取项目本地node_modules里的TS版本，确保类型检查规则和项目配置（tsconfig.json）完全一致。

举个直观的例子：当你写下这段代码时：

let age: number = "25"; // 类型不兼容

语言服务会在你输入完成的瞬间，检测到字符串类型赋值给数字类型变量的错误，直接在编辑器里标红，全程不需要执行tsc编译命令或运行代码。

内容的提问来源于stack exchange，提问作者Yusuf Bouzekri