启用 TypeScript 类型检查需五步：一、VSCode 设置中启用 TS 服务器自动检测与内联诊断；二、tsconfig.json 启用 strict 模式；三、使用类型守卫与断言增强推导；四、安装 @types 插件或编写声明文件；五、配置问题面板筛选 TypeScript 错误。
如果您在使用 VSCode 进行 TypeScript 开发时未启用或未正确配置类型检查功能，则可能错过编译前错误提示、智能补全失效、接口定义无法跳转等问题。以下是充分利用 TypeScript 类型检查优势的具体操作路径：
本文运行环境：MacBook Air，macOS Sequoia
一、启用 TS 服务器自动检测与内联诊断
VSCode 内置 TypeScript 语言服务，默认启用但可能被用户设置覆盖。启用后，编辑器将在代码键入过程中实时调用 tsserver，提供类型错误高亮、悬停提示及快速修复建议。
1、打开 VSCode 设置（Cmd + ,）。
2、在搜索栏输入 typescript.preferences.includePackageJsonAutoImports，确保其值为 auto。
3、搜索 typescript.preferences.allowIncompleteTypes，将其设为 false 以强制完整类型推导。
4、确认 editor.quickSuggestions 中的 strings 和 other 均为启用状态。
二、配置 tsconfig.json 启用严格模式
TypeScript 编译器通过 tsconfig.json 控制类型检查粒度。开启严格选项可激活对隐式 any、空值访问、函数返回类型等关键场景的校验，避免运行时类型漏洞。
1、在项目根目录创建或编辑 tsconfig.json 文件。
2、在 compilerOptions 中添加以下字段：
3、设置 "strict": true。
4、显式启用 "noImplicitAny": true、"strictNullChecks": true、"alwaysStrict": true。
5、保存文件后，VSCode 将立即重新加载 TS 服务并应用新规则。
三、利用类型守卫与类型断言增强编辑器推导精度
当 TypeScript 无法静态推导变量类型（如联合类型分支、DOM 查询结果），手动注入类型守卫或断言可显著提升补全准确性与错误定位能力，使 VSCode 的类型提示更贴近实际运行逻辑。
1、对 instanceof、typeof、自定义返回 x is Type 的函数添加类型守卫。
2、在 DOM 操作中，将 document.querySelector('.item') 显式断言为 HTMLElement | null。
3、使用 as const 限定字面量类型，例如 const mode = 'dark' as const，使 VSCode 将其识别为 'dark' 而非 string。
四、安装并配置类型声明插件
第三方 JavaScript 库通常不附带类型定义，导致 VSCode 无法提供参数提示与方法签名。通过获取对应 @types 包或使用 JSDoc 注解，可为无类型库注入类型信息，扩展类型检查覆盖范围。
1、执行 npm install --save-dev @types/lodash（以 lodash 为例）。
2、确认 typeRoots 或 types 字段已包含 node_modules/@types 路径。
3、对未提供类型定义的模块，在对应 .d.ts 文件中编写简易接口声明，例如：declare module 'my-legacy-lib' { export function init(): void; }。
4、重启 VSCode 的 TypeScript 服务（Ctrl + Shift + P → “TypeScript: Restart TS server”）。
五、启用类型检查面板与问题筛选
VSCode 的“问题”面板默认聚合所有类型错误、警告与信息项。合理配置筛选条件可聚焦当前关注的类型违规项，加快调试节奏，避免被无关提示干扰。
1、打开侧边栏“问题”面板（Cmd + Shift + M）。
2、点击右上角筛选图标，勾选 TypeScript，取消勾选 JavaScript 和 Problems。
3、在筛选框中输入 error 仅显示类型错误，或输入 any 快速定位隐式 any 报告。
4、双击任一问题条目，光标将自动跳转至对应代码行并高亮错误位置。
